我一直在研究一个角度js站点,它从webservice/api获取数据.一个api返回html和angular js代码以动态添加控制器或我们想要添加新的任何新的角度组件.这个字符串将以api响应
<div id="homecontainer" class="flex-center p-page" loader style="overflow:hidden;">
<div class="column-1">
<div class="grid m-0 col-xs-12">
<div ng-repeat="Widget in V3Widgets track by $index" class="grid-item">
<div class="grid-sizer"></div>
{{Widget}}
</div>
</div>
<div ng-controller="WelcomeController">
{{greeting}}
</div>
<script>
var app = angular.module('demo', [])
//RestService is Other Module Which is Already Working fine
.controller('WelcomeController', function ($scope,RestService) {
$scope.greeting = 'Welcome!';
});
angular.bootstrap(document, ['demo']);
</script>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
现在我有一个指令将此字符串绑定到页面
<renderdynamicwidgethtml ng-if="Widget.Id==null && Widget.Html!=null" html="Widget.Html"/>
Run Code Online (Sandbox Code Playgroud)
指令的js
.directive('renderdynamicwidgethtml', ['$compile', function ($compile) {
return function (scope, element, attrs) {
scope.$watch(
function (scope) …
Run Code Online (Sandbox Code Playgroud)