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和受让人数据动态创建

回答

相关问题