以下のオブジェクトが与えられた場合 -
function PersonCtrl(){
$scope.persons = [{name: "Mike", age:21,
occupation:{qualification: "engineer", company:"Intel"}}];
}
そして以下のDOM -
<ul>
<li ng-repeat="person in persons">
Name : {{person.name}}
<div ng-model="person.occupation">
Qualification : {{person.occupation.qualification}}
</div>
</li>
</ul>
名前をリストに表示する必要がある人物のリストがあります。ここで、最初に詳細なしでデータを読み込みます。この場合は人の資格です。
誰かがその人の名前をクリックすると、その人の詳細が取得されます。モデルを変更したいだけです。つまり、資格の詳細をその人のモデルに追加し、Angular で DOM を作成したいと思います。
これを制御する 1 つの方法は、ng-show を使用し、その式を設定して、資格オブジェクトに値がある場合にのみ資格 div を表示することです。ただし、これにより、詳細 div がすべての人に対して作成されることにもつながり、パフォーマンスが低下します。
式が true または false に評価されたときに、角度によって dom が作成/破棄される方法はありますか?