我想在视图和由AngularJS 1.5版中的组件粘合的控制器之间实现两种方式的数据绑定。
主要目的是制作一个页面(它本身就是一个组件)来处理访问引用数据的子组件。
例如,我的页面名称是:Dashboard
。
我希望该页面包含HeaderComponent
ListComponent
和FooterComponent
。
我想将数据从仪表板组件或根组件($ rootScope)传递到ListComponent,例如,
像这样:
<list-component key="123"></list-component>
但是,我找不到key
在组件或控制器中访问ListComponent中的属性的方法。
这是我尝试过的:
// list.js component
app.component('listComponent', {
templateUrl: "/shared/list/list.html",
bindings: {
key: '='
},
controller: function() {
console.log(key);
// or maybe
console.log(this.key);
}
});
稍后,我将key
在HTML中将AngularJS默认指令用作双向数据绑定。但是到目前为止,我还不能访问该key
属性。
谢谢 ;)
我终于找到了解决方案。
app.directive("datepickerComponent", () => {
return {
templateUrl: "/shared/datepicker/datepicker.html",
scope: true,
link: function(scope, element, attrs) {
datepickerComponent(scope, element, attrs)
}
}
});
function datepickerComponent(scope, element, attrs) {
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句