テンプレートにスコープを設定する方法は？

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>' 
    } 

私はこのtemlateにscope.itemを設定したいと思います。私はそれに使用する

ng-init=item='+item+' 

しかし、動作しません。どうやってするの？

Answer 1

""でng-initを使用する必要があります。

ng-init="item='myData'" 

範囲がcompileである必要があります。

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