2014-02-14 137 views
0

我正在爲Angular和Web API編寫一個CRUD應用程序。 在創建/編輯表單(相同的模板)中,如果2個輸入字段沒有相同數量的逗號',',則需要顯示錯誤消息。AngularJS根據輸入值顯示警報

我找到了一種方法來使其工作,但我不喜歡它,我認爲它需要「angularized」,但我不知道如何。

控制器:

$scope.isColumnCountOk = true; 
$scope.checkColumnCountOk = function() { $scope.isColumnCountOk = AdminUtils.isColumnCountOk($scope.item.columnSqlNames, $scope.item.columnTitles) }; 

模板:

<input type="text" class="form-control" ng-model="item.columnTitles" placeholder="Report Column 1,Report Column 2,Report Column 3,..." ng-blur="checkColumnCountOk()" required /> 
      <div ng-hide="isColumnCountOk"> 
       <br /> 
       <div class="alert alert-danger" ><strong>Warning. </strong>Mismatch between column numbers</div> 
      </div> 

我想擺脫$scope.isColumnCountOk,並具有直接從模板調用的函數,而不存儲返回值在範圍內。

有什麼建議嗎?

布魯諾

回答

1

我覺得這兩種方式應該工作...

$scope.isColumnCountOk = function() { 
    return AdminUtils.isColumnCountOk($scope.item.columnSqlNames, $scope.item.columnTitles); 
}; 

<div ng-hide="isColumnCountOk()"> 
    ... 
</div> 

或者

$scope.isColumnCountOk = AdminUtils.isColumnCountOk; 

<div ng-hide="isColumnCountOk(item.columnSqlNames, item.columnTitles)"> 
    ... 
</div> 
+0

我可以擺脫NG-模糊的,這是完美的! –