Question

以下验证工作正常。你能不能帮我看一下应该在相应文本框右上角有错误信息的气球。

<input id="txtLow" class="txtCell" ng-model='data.low' ng-class="{ redBorder: isMinMaxInvalid() }">
<input id="txtHigh" class="txtCell" ng-model='data.high' ng-class="{ redBorder: isMinMaxInvalid() }">
<button id="btnSave"  ng-click="saveData()">Save</button>

在控制器中，

$scope.saveData = function() {
        if (!$scope.isInvalid()) {
            .........
        }
    };
$scope.isInvalid = function () {
        return $scope.data.low > $scope.data.high;
    };

Answer 1

我建议你使用Angular-ui / bootstrap将bootstrap组件建模为AngularJS指令。所以你不必自己创造它们

http://angular-ui.github.io/bootstrap/#/tooltip

唯一的缺点是，当使用Angular 1.3时，此库目前存在一些错误。

但大多数funkcionality包括工具提示都有效。我已经在1.3.5中测试了工具提示，看起来很不错。

在AngularJS中显示气球错误消息

1 个答案: