Angularjs stateProvider不会加载所有组件
控制器:“Html2Controller”未显示在页面上Angularjs stateProvider不会加载所有组件,angularjs,Angularjs,控制器:“Html2Controller”未显示在页面上 (function () { 'use strict'; angular .module('App.employe', ['ui.router']); angular .module('App.employe').config(configure); function configure($stateProvider) { $statePr
(function () {
'use strict';
angular
.module('App.employe', ['ui.router']);
angular
.module('App.employe').config(configure);
function configure($stateProvider) {
$stateProvider.state('www', {
url: '/www',
views: {
'': {
templateUrl: 'htm1.html',
controller: 'Html1Controller '
},
'htm2': {
templateUrl: 'htm2.html',
controller: 'Html2Controller '
}
}
});
}
})();
templateUrl:'htm2.html':
<md-input-container ng-hide="temp" >
<md-select>
<md-option ng-repeat="(index, user) in users" ng-value="index">
{{ user.name }}
</md-option>
</md-select>
</md-input-container>
{{user.name}
如果我没有弄错的话,我不知道该如何更正它出现在站点上。ui.router的正确语法应该是:
var sampleRoute = {
name: 'www',
url: '/www',
template: '<span>some content</span>'
};
$stateProvider.state(sampleRoute);
var sampleRoute={
名称:"www",,
网址:'/www',
模板:“某些内容”
};
$stateProvider.state(sampleRoute);
查看以下文档:我怀疑您尚未在HTML中为您所在州定义的
htm2
视图创建命名视图。以下是一个简化示例,说明如何在州定义的未命名视图旁边使用命名视图:
angular.module('app',['ui.router']))
.config(函数($stateProvider,$urlRouterProvider){
$urlRouterProvider。否则('/www');
变量wwwState={
名称:"www",,
网址:'/www',
观点:{
'': {
模板:“Html1Controller{{$ctrl.message}}”,
控制器:“HTML1控制器作为$ctrl”
},
“htm2”:{
模板:“Html2Controller{{$ctrl.message}}”,
控制器:“Html2Controller作为$ctrl”
}
}
};
$stateProvider.state(wwwState);
})
.controller('Html1Controller',function(){
this.message='在HTML1控制器中';
})
.controller('Html2Controller',function(){
this.message='在Html2Controller'中';
});;代码>
您使用的路由提供商是什么?我以前从未见过配置.state
。我希望类似于ngRoute
或ui.router
。使用ui.router
可以显示定义
元素的HTML吗?