大佬教程收集整理的这篇文章主要介绍了angularjs – 角度简单路由不起作用，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我正在使用弹簧靴,百里香和棱角1.4.8.
我基于这个例子https://code.angularjs.org/1.4.8/docs/api/ngRoute/directive/ngView
这是我的主控制器：
@Controller public class HomeController { @requestMapping(value = "/") public String index(){ return "index"; } }
这是我的index.html
<!DOCTYPE html>
<html>
<head ng-app="ngViewExample">
<title></title>
</head>
<body>
<div ng-controller="MainCtrl as main">
<a href="#/test">test</a>
<div ng-view=""></div>
</div>
<script type="text/javascript" th:src="@{/js/lib/angular.js}" />
<script type="text/javascript" th:src="@{/js/lib/angular-route.js}" />
<script type="text/javascript" th:src="@{/js/lib/angular-resource.js}" />
<script type="text/javascript" th:src="@{/js/lib/underscore.js}" />
<script type="text/javascript" th:src="@{/js/lib/restangular.js}" />
<script type="text/javascript" th:src="@{/js/src/index.js}" />
</body>
</html>
index.js
var home = angular.module('ngViewExample',['ngRoute']);
home.config(['$routeProvider',function ($routeProvider) {
$routeProvider
.when('/test',{
templateUrl: 'test.html',controller: 'TESTCtrl',controllerAs: 'test'
})
}])
.controller('MainCtrl',function() {
})
.controller('TESTCtrl',function() {
});
我希望将内容传递给ng-view
的test.html
<div>
Hello
</div>
一切都很好,但路由不在这里工作.
到目前为止我的答案
让我们从如何通过Spring Boot提供静态内容开始
如this spring blog所示,所有资源都放在目录中
> / Meta-INF /资源/
> / resources /
> / static /
> / public /
在您的类路径中添加为静态资源.例如,只需将index.html放入类路径中的/ public /目录中,就不需要你的HomeControlleranymore了
现在到角部
首先将ng-app指令放在< html>或< body>上.标签.
到目前为止,我看不到你的角度代码有任何问题.你可以验证部分HTML在/ test端点可用吗？如果没有,请按照我上面告诉你的步骤.只需将test.html放在类路径中的/ public /目录中.
如果您打开浏览器devtools并重新加载页面,控制台中是否有任何错误？
如果你可以在Github上提供你的项目,我会看看它.
以上是大佬教程为你收集整理的angularjs – 角度简单路由不起作用全部内容，希望文章能够帮你解决angularjs – 角度简单路由不起作用所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。