NG-顯示指令不能正常工作

Question

我使用NG-顯示指令，顯示/隱藏警告框在我的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