angularjs - ng-show 指令无法正常工作

Question

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

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

我的控制器代码是：

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

虽然我得到了警报内容的正确值，并且我能够在 ui 中看到布尔值，但警报仍然继续显示。

任何的想法？

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