Изменить время выполнения div

Question

У меня есть страница формы с несколькими полями ввода и раскрывающимся полем вверху формы.
условие - при изменении значения выпадающего списка расположение некоторых полей изменится.
пример:
со значением раскрывающегося списка1 форма будет.

Name ____  
Address ____  
PAN No ____  
Mobile ____  

И с выпадающим значением 2 форма будет.

Name ____  
Mobile ____   
Location ____  
PAN No ____  

ссылка plnkr

Answer 1

Вы можете попробовать подход, подобный следующему.

Объявите array полей, которые вы хотите показать, сначала оставьте это поле array пустым и change раскрывающегося списка на основе value заполнитьarray с нужными полями, свяжите ваш UI с этим динамическим array.

что-то вроде: -

$scope.inMod = ["Noda1", "Noda2" ];
$scope.stack = []; //initially the stack has no items, empty UI
$scope.selectedNoda = ''; //this makes sure nothing show up
$scope.nodaChange = function(value){
    if(value=='Noda1') {
         $scope.stack = ['Name', 'Address', 'PAN No', 'Mobile'];
    }
    if(value=='Noda2') {
          $scope.stack = ['Name', 'Mobile', 'Location', 'PAN No'];
    }
}

и итерируйте по array в UI

<select ng-model="selectedNoda" ng-change="nodaChange(selectedNoda)" ng-options="x for x in inMod">
</select>
<div ng-repeat="item in stack">
  <label>{{item}}:</label>
  <input id="item" type="text" ng-model="item" />
  <br /> 
</div>