Как я могу определить элементы массива в форме в AngularJS

Question

Это мой массив с объектами:

//Controller 
$scope.form = [ 
    { 
    name: 'Lname', 
    items: [{ 
     label: 'Lastname', 
     type: 'text', 
     model: 'lname', 
     pattern: '/^[a-zA-Z]$/', 
     required: true 
    }] 
}, 
{ 
    name: 'Fname', 
    items: [{ 
    label: 'Firstname', 
    type: 'text', 
    model: 'fname', 
    pattern: '/^[a-zA-Z]$/', 
    required: true 
    }] 
}]; 

Вот форма мой взгляд:

<form class="form-horizontal" name="editForm" novalidate> 
    <div ng-repeat="elements in form"> 
    <div class="form-group-sm has-feedback" ng-repeat="el in elements.items"> 
     <label class="control-label">{{el.label}}</label> 
     <input type="{{el.type}}" 
      class="form-control" 
      placeholder="{el.label}" 
      ng-model="selected.[el.model]" 
      ng-pattern="el.pattern" 
      ng-required="el.required" 
     /> 

только корректно отображается метка , Другие переменные будут обрабатываться неправильно. Что не так?

Answer 1

Вам нужно интерполировать образец и этикетки, так меняться от:

placeholder="{el.label}" 
ng-pattern="el.pattern" 

To:

placeholder="{{el.label}}" 
ng-pattern="{{el.pattern}}" 

Fiddle