Angular 1.5 中的绑定对象

Posted

技术标签:

【中文标题】Angular 1.5 中的绑定对象【英文标题】:Binded objects in Angular 1.5 【发布时间】:2017-07-25 16:03:33 【问题描述】:

我有以下代码:

class TreeComponent 

    entity: any;

    constructor(private $rootScope: ng.IScope) 
        console.log(this.entity);         
    



AppModule.component('tree', 

    templateUrl: '<tree entity="obj"></tree>',
    controller: ['$rootScope', TreeComponent],
    bindings: 
        entity: '='
    

)

我希望 console.log(this.entity) 打印插入到“树”标签的 obj。我不知道为什么,但它打印“未定义”。你知道为什么吗?

【问题讨论】:

【参考方案1】:

最后,我发现 'entity' 属性只有在离开构造函数后才绑定到对象。例如,

class TreeComponent 

    entity: any;

    constructor(private $rootScope: ng.IScope) 
        console.log(this.entity);         
    
    debug() 
        console.log(this.entity);// it works
    


【讨论】:

以上是关于Angular 1.5 中的绑定对象的主要内容,如果未能解决你的问题,请参考以下文章

Angular 1.5 组件绑定:检查回调是不是存在

Angular 1.5+ 组件可选单向绑定

哪个 Angular 1.5 组件绑定类型更昂贵? '=' 还是'<'?

如何在 Angular 1.5 组件中使用绑定

在 Angular 1.5 中绑定组件函数时如何利用打字稿?

Angular 1.5 将数据从组件传递到控制器