私はAngularJS + Htmlアプリケーションで作業しています。実行時に作成されたdivとしてイベントを自動的に呼び出すことができます。angularJsでイベントを発生させずにランタイムでメソッドを呼び出す
Divはng-repeat="obj in objList"
で作成されます。最初のdivは{{obj.shortName}}
で作成され、対応するdivはvm.relatedLists
の値をロードします。
function changeLoadLists(shortName){
if (shortName!= undefined) {
var chapterId='I';
if (item == 'one' || item == 'two') {
if (item == 'one'){
id='I';
}else{
id='II';
}
vm.relatedLists = GetAllLists.query({
id: id
}, onListsSuccess);
}
}
}
function onListsSuccess(result) {
vm.relatedLists = result;
}
: vm.relatedLists
はobj.shortName
<div class="col-sm-8" ng-repeat="obj in objList">
<div class="col-sm-2" ng-show="viewRule"><div class="col-sm-2" ng-if="obj.fullName !== '-'">{{obj.shortName}}</div><div class="col-sm-4" ng-if="obj !== '-'"></div></div>
<div class="col-sm-4" ng-if="obj.fullName !== null"><input placeholder="{{obj.fullName}}" class="form-control" id="field_obj{{obj.id}}" name="field_obj{{obj.id}}" type="text" ng-model="vm.details.obj" uib-typeahead="reg.fullName for reg in vm.relatedLists | filter:{fullName:$viewValue} | limitTo:25" typeahead-editable="false" class="form-control"></div>
<div class="col-sm-1" ng-if="obj.fullName !== null && obj.fullName !== undefined && obj.fullName !== ''"> <button class="btn btn-primary"><i class="fa fa-eye" style="font-size: 16px;" aria-hidden="true"></i></button></div>
<div class="col-sm-1" ng-if="obj.fullName !== null"><button class="btn btn-primary" ng-click="vm.refresh('mpr',1)" ><i class="fa fa-refresh" style="font-size: 16px;" aria-hidden="true"></i></button></div>
<div class="col-sm-12"><p></p></div>
</div>
</div>
のdivを作成し、実行時に呼び出すべきメソッドがあるに基づいてロードされますこれは、shortNameを渡すことによって、先行値をvm.relatedLists
でロードする必要があります。
これを行うには?
私はNG-INITを試してみましたが、それは動作しません見て
ng-if with ng-show.
を交換しようと、私はdiv要素を作成したとして、自動的にイベントを発生する必要があります。 –あなたはng-initを繰り返しdivまたは親に置いてみましたか?あなたはフィドルを書くことができますか?私はそれを変更することによってあなたを助けることができるように? – mautrok
私はここに入れています: