角1.5组件未通过模态数据

Question

这里是这里locted一个plunker：

https://plnkr.co/edit/V8lGOv44a95weFKipDYF?p=preview

app.component('exampleComponentTest', { 
    bindings: { 
     title: '=' 
    }, 
    template: '<h2>Title: {{exampleComponentTest.title}}</h2>', 
    controller: function() { 

    } 
}); 

我创建了一个自定义组件期待它接受来自标签的title属性，但它不工作，我预期。我如何才能正常工作？

Answer 1

当你的代码会在1.5释放候选人都工作得很好，用于访问组件模板控制器的命名约定在最终版本中被改变。现在默认为$ctrl。

app.component('exampleComponentTest', { 
    bindings: { 
     title: '=' 
    }, 
    template: '<h2>Title: {{$ctrl.title}}</h2>', 
    controller: function() { 

    } 
}); 

Answer 2

默认情况下，视图中绑定的控制器名称为$ctrl。

所以，如果你想要的工作，你应该有下面的模板：

template: '<h2>Title: {{$ctrl.title}}</h2>' 

如果你想使用exampleComponentTest，您必须在您的组件添加属性controllerAs。

app.component('exampleComponentTest', { 
    bindings: { 
     title: '=' 
    }, 
    template: '<h2>Title: {{exampleComponentTest.title}}</h2>', 
    controller: function() { 

    }, 
    controllerAs: 'exampleComponentTest' 
});