angular
tommoq
知足且上进,温柔而坚定
展开
-
angular 项目文件结构
e2e 端对端测试的文件node_modules 所有插件src 项目的源码 所有的逻辑代码.browserslistrc 指定浏览器版本号 angular默认不支持IE9-11(需要支持的话去掉前面的not).editorconfig 规范(不同的)编辑器格式 空格缩进.gitignore 并非把所有的代码都放到git上 忽略不需要上传到git上的文件angular.json angular项目的配置文件 改配置在这里karm原创 2021-04-26 22:36:33 · 176 阅读 · 0 评论 -
angular 隐藏路由参数信息
this.routers.navegate([],{ //隐藏路由参数信息 skipLocationChange:true, queryParams:{},})原创 2022-04-24 15:13:48 · 99 阅读 · 0 评论 -
ng-zorro弹窗示例
<nz-table #basicTable [nzData]="listOfData"> <thead> <tr> <th>Name</th> <th>price</th> <th>Address</th> </tr> </thead> <tbody> &l.原创 2021-09-25 11:06:52 · 758 阅读 · 0 评论 -
依赖注入--概念01
什么是依赖注入依赖注入(DI)是一种设计模式, 也有相应的框架,比如InversifyJSAngular 有自己的 DI 框架, DI 框架会在实例化该类时向其提供这个类所声明的依赖项带修饰符的参数在ts中,一个类的参数如果带上修饰符,那个参数就变成了类的实例属性class Mobile { constructor(readonly name: string = '小米') {} logName() { console.log(this.name); }}上面的name有原创 2021-08-23 22:37:19 · 70 阅读 · 0 评论 -
(子传父)angular中子组件给父组件传参Output
子组件<label>Add an item:<input #newItem></label><button (click)="addNewItem(newItem.value)">Add to parent's list</button>import { Component, OnInit,Output,EventEmitter } from '@angular/core';@Component({})export class De原创 2021-05-05 22:24:48 · 373 阅读 · 0 评论 -
NzModalService如何给动态加载的组件传值
使用nzComponentParamsnzComponentParams: { key1: value1, key2: value2, ...}在组件editdComponent中接收值的方法@Input() key1;@Input() key2;以下是例子哦HTML页面<button (click)="dialog()">打开弹框</button>TS文件import { Component,OnInit, ViewContain原创 2021-05-05 21:52:00 · 836 阅读 · 0 评论 -
ng-alain中新增业务组件(可以在多处用到的组件)
对于一些可能被多处引用的功能模块,建议提炼成业务组件统一管理。这些组件一般有以下特征:只负责一块相对独立,稳定的功能;没有单独的路由配置;可能是纯静态的,仅受父组件(通常是一个页面)传递的参数控制。https://ng-alain.com/docs/new-component/zh...原创 2021-04-08 17:22:12 · 222 阅读 · 0 评论 -
st表格中的自定义编译
<st #st [columns]="columns" [data]="list"> <ng-template st-row="plan" let-i> {{i.planname}} </ng-template></st>import { Component, OnInit } from '@angular/core';import { STColumn } from '@delon/abc/st';import { _HttpCli原创 2021-03-18 15:44:48 · 394 阅读 · 0 评论 -
angular组件和模块化开发
新建模块新建模块 ng g module routes/alain新建模块下的根组件 ng g component routes/alain原创 2021-03-14 17:33:12 · 323 阅读 · 0 评论 -
angular 安装
环境准备:1.nodejs–在cmd中使用npm --version来查看是否安装了node2.cnpm–在cmd中使用命令cnpm --version来查看,如果没有则需要安装–安装cnpm的命令: npm install -g cnpm --registry=https://registry.npm.taobao.org利用->ng -version 检查cli是否安装好,没有则需要安装:cnpm install -g @angular/cli生成项目ng new my-app原创 2021-02-05 15:29:59 · 343 阅读 · 0 评论 -
angular中父组件获取子组件的数据和方法
标题父组件通过@ViewChild主动获取子组件的数据和方法1: 调用子组件给子组件定义一个标签父组件中在子组件标签的位置<app-child #child></app-child>2: 引入ViewChild父组件中 .ts文件中import { Component, OnInit ,ViewChild} from '@angular/core';@ViewChild("child") child:any;//获取子组件中的数据和方法get(){ c原创 2021-02-28 09:41:04 · 847 阅读 · 0 评论 -
angular中父组件给子组件传参@Input
父组件给子组件传值@input###父组件不仅可以给子组件传递简单的数据,还可以把自己的方法以及整个父组件传给子组件###01:父组件调用子组件的时候传入数据父组件中:在子组件标签的位置通过[msg]="msg",把自己的数据及其方法(或者把整个父组件传递给子组件)<app-child [msg]="msg" [title]="title" [run]="run"><app-child>.ts文件中public msg:any="我是父组件中的msg";public原创 2021-02-28 09:29:04 · 524 阅读 · 0 评论