AngularJS 1.5-ui-router：调用状态内的组件，父节点不工作

Question

我使用angularJs 1.5。我遇到的问题是当我用一个组件调用一个状态时，不行。不要加载TemplateURL。 我不知道我做错了什么。

这是对州的呼吁：

<a ui-sref="detail-cycle.questionary" ></a>

这里是州：

angular
  .module('app')
  .config(appConfig);

/** @ngInject */
function appConfig($stateProvider) {
  $stateProvider
    .state('detail-cycle.questionary', {
      url: '/questionary',
      component: "questionary"

    });
}

这里是不加载的组件：

(function () {
  'use strict';
  angular
    .module('app')
    .component('questionary', {
      templateUrl: 'app/questionary/questionary.html',
      controller: function ($log) {
        // var vm = this;
        $log.debug("questionary");
      }
    });
})();

任何想法??

谢谢！

Answer 1

您也可以直接调用模板中的组件来代替使用UI路由器的组件属性。

angular
  .module('app')
  .config(appConfig);

/** @ngInject */
function appConfig($stateProvider) {
  $stateProvider
    .state('detail-cycle.questionary', {
      url: '/questionary',
      template: <questionary></questionary>

    });
}