How to set an area in a template?

Question

Hi, I am adding the created item to the parent:

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

I would like to set scope.item to this temlate. I use for this

 ng-init=item='+item+' 

but that will not work. how to do it?

Answer 1

You must use ng-init with "" .

 ng-init="item='myData'" 

You need to compile it with a scope.

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