Angularjs 使用Angular UI路由器呈现组件

当我将url更改为“/namesplay”时，似乎无法显示我的“namesplay”组件。它没有显示任何错误，只是没有将模板插入ui视图。如果我在“状态”中使用模板而不是组件，则它可以工作，否则它将不显示任何内容

我使用的版本控制是： 角度-1.5.8 角度用户界面路由器-0.3.1

angular.module('app.nameDisplay', [uiRouter])
.component('nameDisplay', {
    controller: function(){
        this.name = "Keir Beckett";
        this.age = 24;
        this.changeInfo = function(){
            this.name = "Golash Bista";
            this.age = 66;
        }
    },
    template: "" +
        "<div>" +
            "<h2>{{$ctrl.name}}</h2>" +
            "<h4>{{$ctrl.age}}</h4>" +
            "<button ng-click='$ctrl.changeInfo()'>Change Info</button>" +
        "</div>"
}).config(($stateProvider, $urlRouterProvider) => {
    $stateProvider.state('nameDisplay', {
        url: '/nameDisplay',
        component: 'nameDisplay'
    })
    .state("otherDisplay", {
        url: '/otherDisplay',
        template: '<h1>Other Display</h1>'
    });
    $urlRouterProvider.otherwise('/');
})
.name;

---

直接在ui路由器配置中使用组件仅适用于上的ui路由器1.0.0。因此，您应该升级到当前的beta版，或者使用0.3.x样式包含使用模板的组件

---

有关类似的问题，请参见我的回答：

直接在ui路由器配置中使用组件仅在ui路由器1.0.0上有效。因此，您应该升级到当前的beta版，或者使用0.3.x样式包含使用模板的组件

关于类似的问题，请参见我的答案：

我从未将组件视为状态对象的属性。。。这是一种新语法吗？通常，这是通过使用一个模板来完成的：。我从未将组件视为状态对象的属性。。。这是一种新语法吗？通常，这是通过使用模板来完成的：。