大佬教程收集整理的这篇文章主要介绍了angularjs – Angular 1.5组件属性存在,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我的一些指令具有依赖于某个属性存在的行为,因此没有该属性具有特定的布尔值.使用我的指令,我使用链接功能完成此操作:
link: function(scope,elem,attrs,controller){ controller.sortable = attrs.hasOwnProperty('sortable'); },
我如何使用角度1.5样式的组件语法?
angular.module('example').component('exampleComponent',{ bindings: { sortable: '<' },controller: function() { var vm = this; var isSortable = vm.sortable; },templateUrl: 'your-template.html' });
模板:
<example-component sortable="true"></example-component>
使用单向绑定(由’<'表示)控制器实例上的变量'sortable'的值(此处为视图模型命名为vm)将是布尔值true,如果设置如示例所示.如果您的sortable属性当前在模板中包含一个字符串,那么'@'绑定也可能是一个合适的选择.在这种情况下,vm.sortable的值将是一个字符串(如果在组件标记上未定义属性,则为undefined). 检查仅仅存在可排序属性的方式如下:
bindings: { sortable: '@' } // within the controller: var isSortable = vm.sortable !== undefined;
以上是大佬教程为你收集整理的angularjs – Angular 1.5组件属性存在全部内容,希望文章能够帮你解决angularjs – Angular 1.5组件属性存在所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。