首页   技术笔记   网址导航   Json在线解析   二维码   Ip地址查询   在线流程图  
新用户注册 | 会员登录
当前位置:  开发笔记 > 编程语言 > 正文

Angular 2中angular的ng-init替代方案

作者：放ch养奶牛 | 2023-09-06 14:08
如何解决《Angular2中angular的ng-init替代方案》经验，为你挑选了1个好方法。

ng-init="myText='Hello World!'"Angular 2中的替代方法是在模板中添加,而不是在组件中添加

Angular 2中的替代方案



1> Günter Zöchb..：

您可以使用指令

@Directive({
  selector: 'ngInit',
  exportAs: 'ngInit'
}) 
export class NgInit {
  @Input() values: any = {};

  @Input() ngInit;
  ngOnInit() {
    if(this.ngInit) { this.ngInit(); }
  }  
}

你可以使用它来传递一个被调用的函数




或者提供价值




  








ngInit 加入指令


[values]="{a: 'a', b: 'b'}" 设置一些初始值


#ngInit="ngInit" 创建一个供以后使用的参考


ngInit.values.aa从创建的引用中读取值.





另请参见将Angular 1转换为Angular 2 ngInit函数

            


    


    


    

        
推荐阅读
devbox
放ch养奶牛
这个屌丝很懒，什么也没留下！
关注作者
Tags | 热门标签
RankList | 热门文章
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有