클래스를 AngularJS의 변수로 설정

죄송합니다. 매우 간단하다면 어제 앵글을 사용하기 시작했습니다. 뭔가 클래스를 변수에 설정하려고하지만 아직 작동하지 않습니다. 코드를 실행클래스를 AngularJS의 변수로 설정

<body ng-app="Witzle" ng-controller="BGController" class="{{bg.type}}">

및

app.controller('BGController',function($scope){ 
$scope.bg = {type:'witzle-bg-image'}; 
$scope.gah = function(name){ 
     alert(name) 
     $scope.bg = {type:name}; 
} 
})

필자을, 나는 그 $의 scope.gah을() 알고 있기 때문에 경고의 호출되고 있지만 : 이 내가 한 일이다 클래스가 업데이트되지 않습니다.

UPDATE : GAH가 이미 다른 곳에서 호출되고, 내 문제가 호출 될 때 클래스 당신은 겨 수준을 적용 할 필요가

출처

2014-07-13 user3293629

사용 NG 수준의 https://docs.angularjs.org/api/ng/directive/ngClass – Subin

가능한 중복 :

<body ng-app="Witzle" ng-controller="BGController" ng-class="bg.type">

데모를 참조하십시오 조건부로 클래스를 적용하려면?] (http://stackoverflow.com/questions/7792652/what-is-the-best-way-to-conditionally-apply-a-class-with-angularjs) –

당신이 필요로하지 않고 사용 NG 수준의 지침입니다 중괄호. 가장 좋은 방법이다 무엇의

http://jsbin.com/mesere/1/edit?html,css,js,output

출처

2014-07-13 22:03:58 sylwester

변경 나던 것입니다. fiddle를 작성하는 코딩을 시작하는 데 도움이하는

코드 :

<div ng-class="{abc: setThisClass}"> 
    TEST 
</div>

UPDATED FIDDLE 변수 문자열에 따라 설정 클래스를 가질

출처

2014-07-13 20:13:15 V31

할 수있다. 그 사이에 전환하고 싶지 클래스의 숫자가 매우 비효율적 인 것, 나는 각각에 대한 bool과 ng-class 속성이 필요합니다. 변수 문자열 ith? – user3293629

@ user3293629 귀하의 필요에 맞게 답변을 업데이트했습니다. – V31

클래스를 AngularJS의 변수로 설정

답변

관련 문제