2014-02-14 182 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-模糊的,这是完美的! –