在index.html中不替换ui视图的ui路由器
在index.html中不替换ui视图的ui路由器
提问于 2015-12-06 03:50:27
我已经在VS中设置了一个基本的AngularJS应用程序，无法使ui-路由器功能正常工作。我看过视频，博客，所以答案，据我所知，我做的一切都是正确的，尽管，我是全新的网络发展。
首先，这里是解决方案结构：
而密码..。
index.html：
<!DOCTYPE html>
<html>
<head>
<title>Example</title>
<meta charset="utf-8" />
</head>
<body ng-app="app">
<div ui-view></div>
<script src="bower_components/angular/angular.js"></script>
<script src="app/app.js"></script>
<script src="bower_components/angular-ui-router/release/angular-ui-router.js"></script>
</body>
</html>app.js：
(function () {
'use strict';
angular.module('app', ['ui.router']);
})();app.states.js：
(function () {
'use strict';
angular.module('app')
.config(function ($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise('/');
$stateProvider
.state('home', {
url: '/',
templateUrl: 'templates/test.html',
controller: 'testCtrl',
controllerAs: 'vm'
})
});
})();test.html：
<div>
<p>TEST PAGE</p>
</div>testCtrl.js：
(function () {
'use strict';
angular.module('app')
.controller('testCtrl', testCtrl);
testCtrl.$inject = ['$state'];
function testCtrl($state) {
var vm = this;
var userAuthenticated = false;
init();
function init() {
$state.go('home');
};
};
})();有人能看到我犯了什么错误吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-12-06 05:46:52
有一个有用的例子
我会说，我想念你的index.html中的这些行
...
<script src="app/app.states.js"></script>
<script src="templates/testCtrl.js"></script>这将载入关键的状态定义和相关的控制器。在在此行动中检查它
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34113814
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号