AngularJS와 ngClass 표현과 배열 조합

Question

I 현재 AngularUI 부트 스트랩 모달의 관점에서 ng-class에 다음 식 갖고이 같은

<div class="modal-body mdl-body" 
    ng-class="{ 'is-msg': vm.message.type == 'msg', 
       'height-limit': vm.message.hasHeight }"> 

그러나 나는 또한 원하는 사용자 정의 클래스의 배열을 전달하기를 :

ng-class="vm.message.classes" 

이 모달이 컨트롤러에서 호출되는 경우입니다 :

modalService.open({ 
    type: "okay", 
    title: "Terms & Conditions", 
    content: $scope.APISettingData.signup_term_and_condition, 
    classes: ["h-md", "text-info"], 
    isHtml: true, 
    hasHeight: true 
}); 

두 방법은 서로없이 작동하지만 결합하려고하면 작동하지 않습니다.

가능합니까? 나에게 몇 가지 아이디어와 해결책을 알려주십시오.

Answer 1

scope에 변수에 ng-class를 할당하는 것이 좋습니다. 즉 ng-class = customClasses

및 controller과 같은 것입니다. 이렇게하면 모달에 적용해야하는 클래스를 완벽하게 제어 할 수 있습니다.

편집 :plnkr

$scope.customClasses = { 
    'is-msg': $scope.message.type == 'msg', 
    'height-limit': $scope.message.hasHeight, 
    "h-md" : true, 
    "text-info": true 
};