AngularJS 1.5- ui-router：在状态内调用组件，父级不起作用

Posted 2023-02-23

【中文标题】AngularJS 1.5- ui-router：在状态内调用组件，父级不起作用

【英文标题】：AngularJS 1.5- ui-router: calling a component inside of a state, with a parent not working

【发布时间】：2017-02-19 03:14:00

【问题描述】：

我正在使用 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");
      
    );
)();

有什么想法吗？？

谢谢！！

【问题讨论】：

你使用的是哪个ui-router版本？

嗨！我正在使用 1.0.0-beta.1。

【参考方案1】：

除了使用 UI 路由器的组件属性，您还可以直接在模板中调用组件来获取状态。

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

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

    );

【讨论】：

嗨！它没有用。我有同样的问题，“问题”组件没有加载。