ng-show
class
내부에 포함시킬 수 있다면 시도하고 있지만 제대로 작동하지 않을 수 있습니다. 제 질문은 가능합니까? ngShow 내부에 클래스를 포함 할 수 있습니까?
샘플 HTML 코드 나는 official documentation는 "ngShow 지시어 쇼에서 가능하면
<span ng-show="{'class' : glyphicon glyphicon-remove form-control-feedback}"></span>
ng-show
class
내부에 포함시킬 수 있다면 시도하고 있지만 제대로 작동하지 않을 수 있습니다. 제 질문은 가능합니까? ngShow 내부에 클래스를 포함 할 수 있습니까?
샘플 HTML 코드 나는 official documentation는 "ngShow 지시어 쇼에서 가능하면
<span ng-show="{'class' : glyphicon glyphicon-remove form-control-feedback}"></span>
를 원하거나 제공 한 표현을 사용하여 지정된 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>
@Alejando Moran, 당신이 제공 한 답변에 감사드립니다. 포함 된 ng-class 참조에 대해 더 읽어 보겠습니다. 감사합니다 – Marksmanship
''ng-class = "{ 'blue': true, 'red': false} [식]''표현식은 true 또는 false를 반환합니다. –
당신이 동적으로 클래스를로드 :
https://docs.angularjs.org/api/ng/directive/ngClass
여기에 작업 예제를 참조하십시오? 그렇다면 논리를 보여줄 수 있습니까? – Mistalis
답장 @one_frontend_engineer 대신에 'ng-class'를 사용하십시오. –
. 그것이 내가 찾고있는 것이라면 나는 ng-class에 관해 먼저 읽을 것입니다. – Marksmanship