angularjs - 如何在模板中设置范围？

Question

嗨，我将创建的元素附加到父元素:

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

用户界面服务

 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 设置到这个模板中。我用它

ng-init=item='+item+'  

但它不起作用。怎么做？

Answer 1

您必须将 ng-init 与 "" 一起使用.

ng-init="item='myData'"

您需要 compile它与范围。

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