我想知道在 Angular 1.5 中,当您使用组件时,是否有一种简单的方法可以绑定(bind)一个 bool 属性而不用 @ 转换为字符串。
例如,我有两个组件“app-menu”和“app-menuitem”没有嵌入。 “app-menu”只有一个属性,它是要创建“app-menuitem”的项目列表。
<app-menu items="menuitems">
在作为 json 的菜单项中,您有一个名为“isactive”的菜单项属性,它是一个 bool 值。
$scope.menuitems = [{ label : 'menuitem 1', isactive : true},{ label : 'menuitem 1', isactive : false}]
在 menuitem 组件中:
angular.module('app')
.component('appMenuitem', {
transclude: false,
controller: menuitemController,
bindings: {
label: '@',
isactive: '@' //<--- The problem is here because the boolean is converted as string
},
templateUrl: 'angular/components/simple/menuitem/menuitem.html'
});
我不知道最后确定的最好方法是一个真正的 bool 值,而不是一个让我产生一些错误的字符串。有人有想法吗?
最佳答案
从 Angular 1.5 开始,您可以使用 <
& @
单向绑定(bind)。这两者之间的主要区别是<
能够将具有其原始数据类型的对象传递给组件。
isactive: '<'
关于angularjs - 在 Angular 1.5 中,如何将属性组件绑定(bind)为 bool 值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36667178/