Question

这是我的标记

<div class="container" ng-app="app">
    <header ng-include="'templates/nav.html'"></header>
    <div ui-view></div>
    <footer></footer>
</div>

此处，nav.html不是view，并且没有对任何控制器的引用。在这种情况下，如果我必须在ng-click中的按钮nav.html上执行某些功能，那么我该在哪里编写该方法？它应该在rootScope吗？不确定，我可能错了。

请指导正确的方向。

Answer 1

您可以在nav.html中声明控制器，如下所示：

<div ng-controller="myController">
...
</div>

按如下方式声明控制器：

var module = angular.module('app');
module.controller('myController', myController);
function myController($scope) {
  //Write function here
}

Answer 2

<div class="container" ng-app="app">
    <my-header> </my-header>
    <div ui-view></div>
    <footer></footer>
</div>

//JS
//Previous code
.directive('myHeader', function(){
  return {
   templateUrl : 'templates/nav.html',
   controller : [function(){
      //Here you are
   }]

  };
});

点击导航栏上的访问范围功能

2 个答案: