angleJS에서 값이 비어 있지 않은 경우 입력 CSS를 변경하는 방법

Question

안녕하세요 여러분, angularJS가 비어 있지 않으면 입력 내용의 CSS를 변경하고 싶습니다. 어떻게 할 수 있습니까? 성공하지 못했습니까? 값이 사전에 조건 입력의 클래스를 변경하는

Answer 1

이미 샘플을 작성했습니다. 너 말대로. 자세한 내용은 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'; 
    } 
}); 

누락 있으면 알려 주시기 바랍니다.

희망이 도움이 될 것입니다!

Answer 2

사용 NG 수준의 지침을

감사를 변경 한 경우 예를 위해 나는 CSS를 변경

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

이 코드를 싶습니다 class1을 입력하여 표현식 결과가 true이면 입력하십시오.