ng-show指令无法正常工作

Question

我正在使用ng-show指令显示/隐藏我的ui中的警告框：

<alert ng-show="{{showAlert()}}">{{showAlert()}}</alert>

我的控制器代码是：

$scope.showAlert = function () { return userForm.$invalid || false; };

虽然我正在获得警报内容的正确值，但我能够在ui中看到booelan值，但警报仍在继续显示。

有什么想法吗？

Answer 1

1. ng-show接受表达。
2. userForm位于$scope。

模板：

<span ng-show="showAlert()">form is invalid!!</span>

控制器：

$scope.showAlert = function() {
  return $scope.userForm.$invalid || false;
};

或者，简单地说：

<span ng-show="userForm.$invalid">form is invalid!!!</span>

并链接到工作示例：http://plnkr.co/edit/nlc1dbtk8VaZBBGJnlb0