angularjs ng-include从控制器管理dom

时间:2013-12-17 10:18:54

标签: angularjs angularjs-directive

有没有办法使用ng-include管理dom (例如用颜色显示p:红色) 我试过

<body>
      <div ng-controller="MyCtrl">
           <div ng-include="'my.html'"></div>
      </div>
    <script src="http://code.angularjs.org/1.2.5/angular.min.js"></script>
    <script>
            var app = angular.module("myTest", []);
            app.controller('MyCtrl',function($scope){
                $scope.$on('$includeContentRequested',function(event,data){console.log(event.targetScope);});
            });

    </script>
    </body>

//my.html
<p>Hello</p>

但是在事件对象中我找不到任何句柄。

1 个答案:

答案 0 :(得分:2)

您的ng-include可以访问父作用域,并可以使用ng-styleng-class使用绑定表达式。例如,如果你包含

<p ng-style="{color:propname}"></p>

您可以从控制器

 app.controller('MyCtrl',function($scope){
              $scope.propname=red;
            });