Question

大家好我想改变输入的css如果它不是空的用angularJS怎么能这样做我搜索但是不能成功？例如如果值已更改，我想更改css

提前致谢

Answer 1

使用ng-class指令有条件地更改输入类，

<input ng-class="{'class1' : expression1}"/>

此代码将 class1 添加到输入中，如果表达式结果为true ...

Answer 2

我已经像你说的那样做了一个样本。有关详细信息，请参阅here。

HTML

<div ng-app="myApp" ng-controller="testController">
    <input type="text" ng-class="cssClass" ng-change="changeCssInput()" ng-model="text"/>
</div>

CSS

.input-blue {
    border: 3px solid blue;
}

.input-red {
    border: 3px solid red;
}

JS

angular.module('myApp', []).
controller('testController', function ($scope)
{
    $scope.text = '';
    $scope.cssClass = 'input-red';    
    $scope.changeCssInput = function () {
        $scope.cssClass = $scope.text.length <= 0 ? 'input-red' : 'input-blue';  
    }
});

如果有任何遗漏，请告诉我。

希望这会对你有所帮助!!

如果在angularJS中它的值不为空，如何更改输入的css

2 个答案: