首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >AngularJS ngRoute不工作

AngularJS ngRoute不工作
EN

Stack Overflow用户
提问于 2014-05-10 07:19:22
回答 1查看 1.2K关注 0票数 0

我有档案:

代码语言:javascript
复制
angularjs.js
scripts.js
ngroute.js
index.html

现在,我已经配置了以下路由:

代码语言:javascript
复制
var myApp = angular.module("myApp", ['ngRoute']);

myApp.config(function($routeProvider){
    $routeProvider
        .when("/author/add", {
            controller : "AuthorController",
            templateUrl : "view2.html"
        })
        .when("/author/show", {
            controller : "AuthorController",
            templateUrl : "view1.html"
        })
        .otherwise("/", redirectTo : "/author/add")
});

这是我的index.html:

代码语言:javascript
复制
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script type="text/javascript" src="angular.js" ></script>
    <script type="text/javascript" src="ngroute.js" ></script>
    <script type="text/javascript" src="scripts.js" ></script>
</head>
<body data-ng-app="myApp">
    <h1>Hello</h1>
    <div data-ng-view=""></div>
    <div data-ng-controller="AuthorController">
        <ul data-ng-repeat="single in authors">
           Author {{ single.author }} has written {{ author.book }}
        </ul>
    </div>
<a href="#/author/add">Add New Author</a>
</body>
</html>

但是,当我单击author/add链接时,它不会加载视图。即使上面的routeConfig代码也会导致js脚本的其余部分停止工作。这个街区有个问题,但我搞不懂是什么!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-05-10 07:42:03

otherwise部件中有语法错误。将路由配置更改为:

代码语言:javascript
复制
myApp.config(function($routeProvider){
    $routeProvider
        .when("/author/add", {
            controller : "AuthorController",
            templateUrl : "view2.html"
        })
        .when("/author/show", {
            controller : "AuthorController",
            templateUrl : "view1.html"
        })
        .otherwise({redirectTo : "/author/add"})
});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/23578272

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档