AngularJS根据输入值显示警报

时间:2014-02-14 03:12:08

标签: javascript angularjs

我正在使用Angular和Web API编写CRUD应用程序。 在创建/编辑表单(相同的模板)中,如果2个输入字段没有相同数量的逗号',则需要显示错误消息。

我找到了一种方法让它发挥作用,但我不喜欢它,我认为它需要“愤怒”,但我不知道如何。

控制器:

$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 个答案:

答案 0 :(得分: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>