2017-03-22 2 views
0

ng-showclass 내부에 포함시킬 수 있다면 시도하고 있지만 제대로 작동하지 않을 수 있습니다. 제 질문은 가능합니까? ngShow 내부에 클래스를 포함 할 수 있습니까?

샘플 HTML 코드 나는 official documentation는 "ngShow 지시어 쇼에서 가능하면

<span ng-show="{'class' : glyphicon glyphicon-remove form-control-feedback}"></span> 
+0

당신이 동적으로 클래스를로드 :

https://docs.angularjs.org/api/ng/directive/ngClass

여기에 작업 예제를 참조하십시오? 그렇다면 논리를 보여줄 수 있습니까? – Mistalis

+0

답장 @one_frontend_engineer 대신에 'ng-class'를 사용하십시오. –

+0

. 그것이 내가 찾고있는 것이라면 나는 ng-class에 관해 먼저 읽을 것입니다. – Marksmanship

답변

2

를 원하거나 제공 한 표현을 사용하여 지정된 HTML 요소를 숨 깁니다 무엇 출력

<span class="glyphicon glyphicon-remove form-control-feedback"></span> 

ngShow 속성에. " 따라서 ng-show 지시어로는이를 수행 할 수 없습니다.

당신이 찾고있는 것은 ng-class를 사용하는 것으로, 부울 식에 따라 요소에 단일 또는 다중 클래스를 적용 할 수 있습니다.

문서 :

var myApp = angular.module('myApp', []); 
 

 
function MyCtrl($scope) { 
 

 
}
.red { 
 
    background-color: red; 
 
} 
 

 
.blue { 
 
    background-color: blue; 
 
}
<html lang="en" ng-app="myApp"> 
 
    <head> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
    </head> 
 
    <body> 
 
    <div ng-controller="MyCtrl"> 
 
     <p ng-class="{'blue': true, 'red': false}">Hello, world!</p> 
 
    </div> 
 
    </body> 
 
</html>

+0

@Alejando Moran, 당신이 제공 한 답변에 감사드립니다. 포함 된 ng-class 참조에 대해 더 읽어 보겠습니다. 감사합니다 – Marksmanship

+0

''ng-class = "{ 'blue': true, 'red': false} [식]''표현식은 true 또는 false를 반환합니다. –

관련 문제