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

问题描述

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内容在浏览器没显示出来,求问原因?

问题解答

试了一下，感觉是版本问题，ui-router的配置可能没有component属性。把component:’user’改成template:’<user></user>’ 把component当directive用就行了