1

我正在尝试根据用户所在的视图为带有标题块和 CRUD 操作链接的动态自定义工具栏开发指令。对于 CRUD 操作链接，我正在尝试传递 ui-router 状态信息。只要我将 CRUD 链接的静态字符串传递给指令，该指令就可以正常工作；但是，当我尝试使用参数传递 ui-state 时，它​​会失败，如下面的代码所示。似乎在评估 ui-state 参数之前加载了指令模板。感谢有人可以推荐修复。

指令：navbarForm.js 

angular.module('myApp').directive("navbarForm", function() {
    return {
       replace: true,
       restrict: "E",
       templateUrl: '/assets/templates/directives/navbarForm.html',
       scope: {
         title: '@',
         addLink: '@',
         editLink: '@'
       }
    }
});

模板：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>

查看：taskDetail.html ---这有效 

<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 -->
4

0 回答 0