如何在模板中设置范围？

Question

嗨我将创建的元素追加到父级:

  container.append(UIService.appendWorkItem(workItem));

UIService

 function appendWorkItem(item) {
         return '<div  layout="column" ng-init=item='+item+' class="md-whiteframe-1dp workItem  workItemName" id='+item._id+'child> <div layout="row"  layout-align="space-between"  ng-click="workItemActivate('+item+')" ng-dblclick="openItemEdit('+item+')"> <div>'+item.name+'</div> <div> <md-icon md-font-icon="zmdi zmdi-share"  title="Has parent child connection"></md-icon> </div> </div> <div class="dragulaParentDOM" > <div dragula="first-bag"  id="'+item._id+'containerWorkItem" class="itemChildContainer"></div> </div> </div>'
    }

我想将scope.item设置为这个temlate.我用它

ng-init=item='+item+'  

但它不起作用.怎么做？

Answer 1

您必须将 ng-init 与"".

ng-init="item='myData'"

你需要compile有范围。

container.append($compile(UIService.appendWorkItem(workItem))(scope));