AngularJSのdiv要素の順序を入れ替える方法は？

Question

angleのデータバインディングでテキストボックスとドロップダウンを含むdiv要素の順序を変更するにはどうすればよいですか。 divの順序はそれに応じて変更する必要がありますユーザーのログインは、ユーザーの種類がAならdiv Aが上になります。ユーザーの種類がBならばdiv Bが上になり、div要素が下になります。純粋にAngularJSで作られています。 AngularJSコントローラで

<div id="A"> A <input type="text" ng-model="Model.AName" disabled /></div> 
<div id="B"> B <input type="text" ng-model="Model.BName" disabled /></div> 
<div id="C"> C <input type="text" ng-model="Model.CName" disabled /></div> 

：ここ

はHTMLです

$scope.orderArr = [{ "A": 2}, { "B": 3 }, { "C": 1 }]; 

結果は次のようになります。 C B

Answer 1

あなたは、配列を入力を表し作成する必要が順序を管理します。

$scope.inputs = [ 
    { 
    name: 'AName', 
    order: 1 
    }, 
    { 
    name: 'BName', 
    order: 2 
    }, 
    { 
    name: 'CName', 
    order: 0 
    } 
]; 

そして、ループを使ってそれを表示：

<div id="A" ng-repeat="input in inputs | orderBy: 'order'"> 
    {{ input.name }} 
    <input type="text" disabled ng-model="Model[input.name]"> 
</div> 

、プロパティorderを変更して、コントローラの順序を管理することができます。このように。 条件文を作成することができます。条件文は、権限の設定に応じて入力の順序を設定します。