文章/答案/技术大牛

发布

社区首页 >问答首页 >AngularJS路由协议

问AngularJS路由协议
EN

Stack Overflow用户

提问于 2015-02-02 19:28:13

回答 1查看 96关注 0票数 0

我正在尝试构建我的第一个AngularJS路由代码，但是我似乎无法让它工作，错误控制台也没有多大帮助。

我的HTML页面：

<body ng-app="myApp">
<div ng-controller="AppController">
    <div class="nav">
        <ul>
            <li><a href="#/template1">Template 1</a></li>
            <li><a href="#/template2">Template 2</a></li>
            <li><a href="#/template3">Template 3</a></li>
            <li><a href="#/somepage">SomePage</a></li>
            <li><a href="#/default">Otherwise</a></li>
        </ul>
    </div>
    <div ng-view></div>
</div>
</body>

app.js：

var myApp = angular.module("myApp", ['ngRoute']);

myApp.config(function($routeProvider){
    $routeProvider
    .when('/template1', {
        templateUrl:'partials/template_1.html'
    })
    .when('/template2', {
        templateUrl:'partials/template_2.html'
    })
    .when('/template3', {
        templateUrl:'partials/template_3.html'
    })
    .when('/somepage', {
        templateUrl:'partials/somepage.html'
    })
    .otherwise({
        redirectTo:'partials/otherwise.html'
    });
});

有人能告诉我我在这里做错了什么吗？

javascript

angularjs

url-routing

angularjs-routing

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-02-02 20:16:17

将您的angular.js版本升级到1.2.26，这是最稳定的角度版本。其他代码在我看来没问题。

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>

谢谢。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/28285244

复制

相似问题

问AngularJS路由协议
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问AngularJS路由协议EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问AngularJS路由协议
EN