Javascript AngularJS ui.router赢得';t加载模板
我还在学习AngularJS,在UI路由器方面遇到了问题。 它只是无法加载模板 这是我的密码:Javascript AngularJS ui.router赢得';t加载模板,javascript,angularjs,uiview,angularjs-scope,angular-ui-router,Javascript,Angularjs,Uiview,Angularjs Scope,Angular Ui Router,我还在学习AngularJS,在UI路由器方面遇到了问题。 它只是无法加载模板 这是我的密码: <body class="top-navigation" ng-app="mixcontainer"> <div id="wrapper"> Navbar here </div> <div class="row m-b-lg m-t-lg" ng-controller='MainCtrl'>
<body class="top-navigation" ng-app="mixcontainer">
<div id="wrapper">
Navbar here
</div>
<div class="row m-b-lg m-t-lg" ng-controller='MainCtrl'>
<div ui-view></div>
</div>
</div>
</div>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.4.2/angular-ui-router.js"></script>
<script type="text/javascript" src="app.js"></script>
</body>
这里是导航栏
还有我的angular app.js:
var app = angular.module('mixcontainer',['ui.router'])
app.config(function($stateProvider){
var test = {
name: 'test',
url: '/test',
template: '<h3>Hello world</h3>',
controller: 'MainCtrl'
}
$stateProvider.state(test);
})
app.controller('MainCtrl',['$scope','$state','$rootScope', function($scope,$state,$routeScope){
}])
var-app=angular.module('mixcontainer',['ui.router']))
app.config(函数($stateProvider){
var测试={
名称:'测试',
url:“/test”,
模板:“你好,世界”,
控制器:“MainCtrl”
}
$stateProvider.state(测试);
})
app.controller('MainCtrl',['$scope','$state','$rootScope',函数($scope,$state,$routeScope){
}])
我尝试了多次,无论是模板还是模板URL,无论角度如何,都无法生成ui视图。我的浏览器或服务器控制台上也没有任何错误。我已经使用它一周了,它快把我逼疯了。尝试以正确的方式使用
$stateProvider('nameOfState',configurationObject)
创建您的ui路由。使用$state
切换路线,例如在控制器逻辑内部。这是一个可以帮助你的方法
var app = angular.module('mixcontainer',['ui.router'])
app.config(function($stateProvider){
$stateProvider.state("test", {
url: "/test",
template: "<h3>Hello world</h3>",
controller: "MainCtrl"
});
});
var-app=angular.module('mixcontainer',['ui.router']))
app.config(函数($stateProvider){
$stateProvider.state(“测试”{
url:“/test”,
模板:“你好,世界”,
控制器:“MainCtrl”
});
});
有任何反馈或建议吗?我想我的问题在于我试图直接访问url localhost:8080/test。在尝试您的代码,并试图直接达到它仍然没有工作。不过,我在导航栏中添加了一个ui sref链接,现在它似乎可以工作了。这是否意味着我不能直接“测试”我的路线?它确实可以很好地工作,就像在fiddle示例中一样,您的应用程序有什么问题?您应该能够直接调用URL。