angularjs - 在 Angular 1.5 中，如何将属性组件绑定(bind)为 bool 值？

Question

我想知道在 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 值，而不是一个让我产生一些错误的字符串。有人有想法吗？

Answer 1

从 Angular 1.5 开始，您可以使用 < & @单向绑定(bind)。这两者之间的主要区别是<能够将具有其原始数据类型的对象传递给组件。

isactive: '<'