Put атрибут нг-класс для углового поля

Question

мерно

Привет всем Я пытаюсь создать форму с угловой мерно у меня есть такое определение:

{ 
     "options": { 
      "data": { 
       "someData": 6 
      } 
     }, 
     "fieldGroup": [ 
      { 
       "className": "ctnStepper", 
       "key": "customField ", 
       "type": "form-section" 
      }, 
      { 
       "className": "ctnChamp", 
       "key": "inputTest", 
       "type": "input" 
      } 
     ] 
} 

И я хочу поставить атрибут нг-класса на inputTest поле так, после того, генерируемая форма даст что-то вроде этого:

<input ng-class="{ 'myClass': model. Something != somethingElse }"> 

Я пытался сделать это танки к ngModelElAttrs, но это трудно понять, и здесь я застрял. Заранее благодарю за ваш ответ.

Augustin

Answer 1

Я assgned класс Div, вы можете использовать в соответствии с вашими требованиями.

ng-class="{'alert-danger':x.key=='customField', 'alert-info':x.key=='inputTest'}" 

function myCtrl($scope) { 
 
    
 
    
 
    $scope.myData={ 
 
     "options": { 
 
      "data": { 
 
       "someData": 6 
 
      } 
 
     }, 
 
     "fieldGroup": [ 
 
      { 
 
       "className": "ctnStepper", 
 
       "key": "customField", 
 
       "type": "form-section" 
 
      }, 
 
      { 
 
       "className": "ctnChamp", 
 
       "key": "inputTest", 
 
       "type": "input" 
 
      } 
 
     ] 
 
} 
 
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 

 
<div ng-app ng-controller="myCtrl"> 
 
    <div ng-repeat="x in myData.fieldGroup"> 
 
     <div class="alert" ng-class="{'alert-danger':x.key=='customField', 'alert-info':x.key=='inputTest'}">{{x.className}}</div> 
 
    </div> 
 
</div>