Это шаблон:
<div ng-repeat="library in value" style="text-align: left; border-bottom: 1px solid rgb(204, 204, 204);padding-top: 7px;cursor: pointer">
<ul id="{{library.id}}" style="list-style-type: none;">
<li id="children_{{library.id}}">
<div ng-click="vm.openDropDown(library)">
<i id="icon_{{library.id}}" class="fa fa-plus-circle"/>
<span style="padding: 10px;font-weight: bold;">{{library.name}}</span>
</div>
</li>
</ul>
</div>
Контроллер:
this.$http.get("widgets/pinpointcomponent/attachments/resources/libraryExpand.html").success((data: any) => {
if (data) {
data = data.replace("%libraryId%", libraryPublication.id);
var linkFn = this.$compile(data);
var html = linkFn(this.scope);
$("#children_" + libraryPublication.id).append(html);
}
})
Итак, я добавляю libraryExapand. HTML в шаблон. Поэтому там я не могу получить доступ к объекту библиотеки, который присутствует в шаблоне. Я также скомпилировал библиотеку Expand. html.
Могу ли я получить лучшее предложение, чтобы преодолеть это?