angularjs - ng-show 以 Angular 绑定(bind)到字符串表达式

Question

有没有办法将 ng-show 表达式绑定(bind)到包含绑定(bind)表达式本身的字符串？

例如:

field={};
field.a=true;
field.showExpression='a == true';

<input ng-show="field.showExpression">

我试过 <input ng-show="{{field.showExpression}}">也一样，但它们似乎都不起作用。

我希望绑定(bind)保持事件状态，以便当 field.a 对象从 true 变为 false 时，表达式会再次被评估，从而隐藏输入。

就像背景一样，我正在尝试实现依赖性下拉列表，因此我的showexpress应该是表单字段。showExpression='maindropDownValue!= null'，每当将被绑定(bind)到MainDropDownValue被选中的MainDropdown时，就会显示第二个。

我正在使用 Angular 1.0.8

Answer 1

showExpression 被评估为字符串而不是 JS 代码。您必须改用函数。

$scope.isTrue = function() {
    return $scope.field.a; // or a more complex check
}
//
ng-show="isTrue()"

如果您只需要检查 bool 值，则可以直接在 View 中检查 var:

ng-show="field.a"

如果你真的想使用 eval，这就是你想要的:

ng-show="$parent.$eval(field.showExpression)"

链接: http://docs.angularjs.org/guide/expression