我试图了解如何使用 Angular 中的指令。在示例中angularjs.org http://angularjs.org/,值在 JavaScript 中的作用域中设置,然后在匹配指令时引用该作用域。
模板:
<my-customer info="naomi"></my-customer>
Scope:
.controller('Ctrl', function($scope) {
$scope.naomi = { name: 'Cat', address: '1600 Amphitheatre' };
$scope.igor = { name: 'Dog', address: '123 Somewhere' };
})
模板:
Name: {{customerInfo.name}} Address: {{customerInfo.address}}
我想直接从模板传递属性。所以在这个例子中我想编写一个输出的模板:
Name: Naomi
无需经过范围。
您可以使用attrs
的论点链接功能 http://docs.angularjs.org/guide/directive.
module.directive('name', function () {
return {
link: function (scope, element, attrs) {
console.log(attrs.info);
// <- 'naomi'
}
}
});
然后在标记中:
<name info='naomi'></name>
查看实例 http://plnkr.co/edit/0Bx55YQvjrofbNJsad6W?p=preview
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)