ng클래스가 작동하지 않나요?

ng클래스가 작동하지 않나요?

Angular는 처음입니다.JS와 저는 ngClass 디렉티브를 사용하여 다음과 같은 요소에 클래스를 동적으로 삽입할 수 있다는 것을 알고 있습니다.

<input ng-class="{some-class: condition, another-class: anotherCondition}">

또한 각도는 어떤 조건이 참인지 자동으로 평가하고 이러한 특정 클래스를 요소에 삽입합니다.

이제 다음과 같은 작업을 수행하려고 합니다.

<div class="form-group" ng-class="{has-success: form.email.$valid}">

부트스트랩이 있기 때문에 이메일이 유효하면 라벨과 입력이 자동으로 녹색으로 색칠됩니다.그러나 동작하지 않고 콘솔에 다음과 같은 오류가 나타납니다.

Error: [$parse:syntax] http://errors.angularjs.org/1.2.27/$parse/syntax?p0=-&p1=is%20unexpected%2C%20expecting%20%5B%3A%5D&p2=5&p3=%7Bhas-success%3A%20form.email.%24valid%7D&p4=-success%3A%20form.email.%24valid%7D
z/<@http://ajax.googleapis.com/ajax/libs/angularjs/1.2.27/angular.min.js:6:450

기타 등등...

내가 뭘 잘못하고 있지?구문 문제입니까?

클래스 이름에 대시가 있으므로 작은 따옴표를 사용하십시오.

ng-class="{'has-success': form.email.$valid}"

이것은 명백히 파서 오류입니다.이 때문에 구문이 비활성화됩니다.-속성명 @로{has-success: form.email.$valid}. 따옴표로 묶어야 합니다.

시험:-

<div class="form-group" ng-class="{'has-success': form.email.$valid}">

클래스 이름에 '-'를 사용할 경우 클래스 이름을 작은 따옴표로 묶어야 합니다.

[ngClass] = "{'some-class': condition}"

그렇지 않으면 사용할 수 있다

[ngClass] = "{someClass : condition}"

이건 내게 효과가 있었다.

[ngClass] = "{ 'color-red': isRed}"

늦었지만 이 문제의 실제 원인은 @tyme에 의해 언급되었습니다.JV, 경우에 따라서는ngClass,ngStyle및 관련 지시문은 브라우저 탭의 캐시가 지워지면 작동합니다. Clear Cache and Hard reload또는 지시문이 올바르게 정의되어 있다고 생각되는 경우 새 탭에서 열 수 있습니다.

언급URL : https://stackoverflow.com/questions/27969218/ngclass-not-working