AngularJS <select>テンプレート内のプレースメントによってはドロップダウンが空です

Question

<select>タグに基づいていくつかの特殊な動作が発生しています。テンプレートのどこに配置するかによって、ドロップダウンが空になっているようです。

<div ng-if="admin.editingRole"> 
    <select ng-options="role.name for role in $data.roles" ng-model="admin.editRole"></select> 
</div> 

をしかし、私は別の場所で正確に同じ要素が含まれる場合：たとえば、これは動作します

<div> 
<label for="role">Role</label> 
<select ng-options="role.name for role in $data.roles" ng-model="admin.editRole"></select> 
</div> 

ドロップダウンは空です。なぜ私はこのことが起こるのか理解できません。

Answer 1

元の開発者がgetData（）メソッドを使用して、理解できるものから$ dataオブジェクトを作成していたようです。そのスコープはビュー内に含まれるテーブルのみです。非難され、文書化されていないと思われるので、少し混乱していました。そのため、ビューのどこでも$ data変数にアクセスできませんでした。