小编Aks*_*hra的帖子

在页面加载后动态地使用html注入新的角度js控制器

我一直在研究一个角度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)

javascript angularjs

21
推荐指数
2
解决办法
2198
查看次数

标签 统计

angularjs ×1

javascript ×1