angular.js - Angular1 ui-router中component没效果?

Question

var m1=angular.module('myApp', ['ui.router']);
m1.component('index',{
    template:'<h1>{{name}}</h1>',

});
m1.component('user',{
    template:'<h1>{{name}}</h1>',
});
m1.config(function($stateProvider) {
  var indexState = {
    name: 'index',
    url: '/index',
    component:'index'
  }

  var userState = {
    name: 'user',
    url: '/user',
    component:'user'
  }

  $stateProvider.state(indexState);
  $stateProvider.state(userState);
});

求问,这里 两个state里的template内容在浏览器没显示出来,求问原因?

Answer 1

해봤는데 버전 문제인 것 같습니다. ui-router 구성에 컴포넌트 속성이 없는 것 같습니다.
구성요소:'user'를 템플릿:'<user></user>'로 변경하세요. 구성요소를 지시문으로 사용하세요