使用指令时角度重新加载控制器

Question

我的 ui 路由状态如下：

        .state('projects', {
            abstract: true,
            url: "/?username&token",
            templateUrl: "projects/views/Projects.html",
            controller: 'ProjectController'
        })
       .state('projects.mine', {
            url: "mine",
            templateUrl: 'projects/views/ProjectsMine.html'
        })
        .state('projects.all', {
            url: "all",
            templateUrl: 'projects/views/ProjectsAll.html'
        })

我做了一个指令：

    app.directive('description', function(){
        return{
            restrict: 'E',
            templateUrl : 'projects/views/directives/ProjectDescription.html',
            controller:ProjectController
        }
    });

我为状态templateUrls制作了两个完全相同的文件，唯一的区别是所有的模板都使用了描述指令，例如：

<description></description>

另一个使用 templateUrl 的内容作为 description 指令（复制 1on1），当不使用指令但 templateUrl 文件的内容重新加载不会发生。

一切正常，但是当我转到“所有”路线时，ProjectController 会重新加载。 该指令如下所示："

<table>
  <tr >
      <td><b>name</b> </td>
      <td>{{project.name}}</td>
  </tr>
  <tr >
      <td><b>owner</b> </td>
      <td>{{project.owner}}</td>
  </tr>
<table>

指令以 ng-repeat 的形式添加（处于“全部”状态）：

 <div ng-repeat="project in project|filter:searchText">
     <description></description>
 </div>

链接到我的 html 中的状态：

    <a ui-sref=".mine()"><button>my projects</button></a>
    <a ui-sref=".all()"><button>all projects</button></a>

    <div ui-view></div>

另一个“我的”使用指令的内容并重新加载控制器。 当从“我的”转到“全部”时，当我从“我的”转到“全部”时，控制器不会重新加载

如何保持一切原样但避免重新加载控制器？

Answer 1

删除

 controller:ProjectController 

修复它，使用 controller:'controllerName' 会导致为每个创建的指令创建一个控制器。

Answer 2

你必须像函数调用一样链接到路由：

<a ui-sref=".list()" class="btn btn-primary">List</a> <a ui-sref=".paragraph()" class="btn btn-danger">Paragraph</a>