Angularjs 在指令中使用变量之前,如何等待变量加载?

Angularjs 在指令中使用变量之前,如何等待变量加载?,angularjs,load,expression,directive,ui-sref,Angularjs,Load,Expression,Directive,Ui Sref,我正试图开发一个动态的、自定义的工具栏指令,其中包含一个标题块和基于用户所在视图的CRUD操作链接。对于CRUD操作链接,我试图传递ui路由器状态信息。只要我将CRUD链接的静态字符串传递给指令,该指令就可以正常工作;但是,当我试图用如下代码所示的参数传递ui状态时,它失败了。似乎在计算ui状态参数之前加载了指令模板。如果有人能推荐修复方案,我将不胜感激 指令:navbarForm.js angular.module('myApp').directive("navbarForm", functi

我正试图开发一个动态的、自定义的工具栏指令,其中包含一个标题块和基于用户所在视图的CRUD操作链接。对于CRUD操作链接,我试图传递ui路由器状态信息。只要我将CRUD链接的静态字符串传递给指令,该指令就可以正常工作;但是,当我试图用如下代码所示的参数传递ui状态时,它失败了。似乎在计算ui状态参数之前加载了指令模板。如果有人能推荐修复方案,我将不胜感激

指令:navbarForm.js

angular.module('myApp').directive("navbarForm", function() {
    return {
       replace: true,
       restrict: "E",
       templateUrl: '/assets/templates/directives/navbarForm.html',
       scope: {
         title: '@',
         addLink: '@',
         editLink: '@'
       }
    }
});
<navbar-form
  title = "My Title"
  add-link = "taskAdd()">
</navbar-form>

<!-- markup to show task detail -->
模板:navbarForm.html

<div class="container-fluid navbar-fixed-top">
  <div class="row">
    <div class="title">
      <p>{{title}}</p>
    </div>
    <div>
      <ul>
        <li ng-if="addLink" class="action">
          <a ui-sref="{{addLink}}" class="ion-ios-plus-empty"></a>
        </li>
        <li ng-if="editLink" class="action">
          <a ui-sref="{{editLink}}" class="ion-ios-compose-outline"></a>
        </li>
      </ul>
    </div>
  </div>
</div>

{{title}}

查看:taskDetail.html--此操作有效

angular.module('myApp').directive("navbarForm", function() {
    return {
       replace: true,
       restrict: "E",
       templateUrl: '/assets/templates/directives/navbarForm.html',
       scope: {
         title: '@',
         addLink: '@',
         editLink: '@'
       }
    }
});
<navbar-form
  title = "My Title"
  add-link = "taskAdd()">
</navbar-form>

<!-- markup to show task detail -->

查看:taskDetail.html--此操作失败

<navbar-form
  title = "My Title"
  edit-link = "taskEdit({id:task.taskId})">
</navbar-form>

<!-- markup to show task detail -->


不久前我回答了一个类似的问题:谢谢,在视图中添加ng if并在task.taskId周围添加{{}}解决了问题。也就是说,将“taskEdit({id:task.taskId})”更改为“taskEdit({id:{task.taskId}})”以解决问题。还必须将ng if添加到工具栏下方的表单部分,以修复html呈现顺序;否则,在呈现页面其余部分之后呈现工具栏。是否有方法使用ng click从navbarForm.html调用TaskDetailController中的DeleteTask函数?我不久前回答了一个类似的问题:谢谢,在视图中添加ng if并在task.taskId周围添加{{}解决了问题。也就是说,更改了“taskEdit”({id:task.taskId})改为“taskEdit({id:{{task.taskId}})”解决此问题。还必须将ng if添加到工具栏下方的表单部分,以修复html呈现顺序;否则,在呈现页面其余部分后呈现工具栏。是否有方法使用ng click从navbarForm.html调用TaskDetailController中的DeleteTask函数?