angularjs在NG-重複呼叫NG-init和受讓人數據動態創建

類

我有一個NG重複股利。在那裏，我想用ng-init指令調用函數;在該函數中，我想通過創建的動態ID動態地將數據附加到div。但是，我沒有在get_All_ImagesData函數中獲得動態創建的ID。angularjs在NG-重複呼叫NG-init和受讓人數據動態創建

我希望能夠調用NG-重複循環中此功能。

代碼如下

<div class="active-task-body" data-ng-repeat="items in UserAssignTaskAllData"> 
<div class="col-md-12" id="data-{{items.TaskDetailId}}"> 
<div class="task-data-images" ng- init="get_All_ImagesData(items.TaskDetailAttachment,items.TaskDetailId)"> 
</div></div></div>

功能的控制器：

$scope.get_All_ImagesData = function (AttachedDataArray,id) {   
    if (AttachedDataArray != "") 
    {    
     var dataAppend = "<a href=''> <img src="+current_page_url +"Content/images/filetype/image.jpg" 
     +' height="30" width="30" /></a>'; 
       angular.element(document.getElementById('data-' + id)).append(dataAppend); 
    }   
}

來源

2016-06-09 Rahul Pawar

請使用命名的東西一致的情況下，和適當的縮進。它將幫助各種讀者理解你的代碼。 :) –

的「角辦法」就是讓模型驅動的DOM。你不應該像你在你的函數中一樣從控制器手動操作DOM。在模板中寫入所有HTML，然後更改模型以更改視圖。

<div class="active-task-body" data-ng-repeat="items in UserAssignTaskAllData"> 
    <div class="col-md-12"> 
    <a href='' ng-if="items.TaskDetailAttachment"> 
     <img 
     ng-src="{{current_page_url}}Content/images/filetype/image.jpg" 
     height="30" 
     width="30" /> 
    </a> 
    </div> 
</div>

注意current_page_url應該是$scope屬性這個工作。

來源

2016-06-09 08:15:26

thanx爲ans雨果 –

angularjs在NG-重複呼叫NG-init和受讓人數據動態創建

回答

相關問題