angularjs - 如何使用带有指令和 "controller as"语法的 ui-router 状态？

Question

使用 ui-router 时，我设置如下状态:

$stateProvider
  .state 'product',
    url: '/catalog/product',
    templateUrl: 'app/product/product.html',

唯一的问题是，我的 Controller 位于指令中，而不是作为独立的 Controller 服务。那么我如何告诉 ui-router 点击我的指令而不是模板呢？

否则我不确定如何将模板范围绑定(bind)到我的指令中定义的 Controller 。

Answer 1

如果您坚持使用指令作为状态模板的目标，则方式是:

$stateProvider
  .state 'product',
    url: '/catalog/product',
    template: '<div here-is-my-directive-with-all-its-standard-settings></div>',

注意:根本不必为 View 显式定义 Controller 。只是 HTML 模板将被注入(inject)到父级中的位置

指令:

.directive('hereIsMyDirectiveWithAllItsStandardSettings', ...)

换句话说，UI-Router 正在处理状态，并注入(inject)模板。该模板包含指令，它可以按照预期执行设计目的...