在Angular 2中添加ng-init="myText='Hello World!'"
,而不是在组件中添加ng-init="myText='Hello World!'"
,有什么替代方案
<div ng-app="" ng-init="myText='Hello World!'">
第二种 Select
在Angular 2中添加ng-init="myText='Hello World!'"
,而不是在组件中添加ng-init="myText='Hello World!'"
,有什么替代方案
<div ng-app="" ng-init="myText='Hello World!'">
第二种 Select
你可以使用指令
@Directive({
selector: 'ngInit',
exportAs: 'ngInit'
})
export class NgInit {
@Input() values: any = {};
@Input() ngInit;
ngOnInit() {
if(this.ngInit) { this.ngInit(); }
}
}
你可以用它来传递一个函数
<div [ngInit]="doSomething"
或者提供价值观
<div ngInit [values]="{a: 'a', b: 'b'}" #ngInit="ngInit">
<button (click)="clickHandler(ngInit.values.a)">click me</button>
</div>
ngInit
增加了指令[values]="{a: 'a', b: 'b'}"
设置一些初始值#ngInit="ngInit"
创建一个参考,供以后使用ngInit.values.a
从创建的引用中读取a
值.