AngularJS路由配置

我是angularjs的新手,只是想用它构建一个CRUD应用程序.

我的代码就像这样http://jsfiddle.net/fpnna/1/

我正在使用apache作为网络服务器

$locationProvider.html5mode(true);

然后得到

uncaught TypeError: Object # has no method 'html5mode' from testApp 

当我点击"添加新"时,路径更改为"/ new"但收到错误

404 The requested URL /new was not found on this server.

知道我做错了什么.

我通过官方手册,无法弄明白.

提前致谢.

你有几个问题,首先在jsfiddle你不需要身体标签加上你有多个身体标签.你的小提琴有两个ng-apps,路由定义不正确(例如应该是/ new),无效的ng-view结束标记,应该只有一个.你应该在头部包含没有包装的javascript,最后它在模式上html5Mode有一个大写M,你的url中没有你的部分存在,也没有被定义为本地脚本.

我建议您使用plunkr,因为它允许您添加其他本地文件,即您在小提琴中不存在的部分文件.

我清理了这个plunkr的所有问题:http://plnkr.co/edit/A23Fxn9Ji02TGZ0jouZR？p = preview

angular.module('testApp', []).
config(function ($routeProvider, $locationProvider) {
     $locationProvider.html5Mode(true);  // case is important
    $routeProvider.
    when("/", {
        templateUrl: "list.html"
    }).
    when("/new", {  // make sure and use absolute link to route
        templateUrl: "edit.html"
    })
})

function testCtrl($scope) {
    $scope.persons = [{
        name: "X"
    }, {
        name: "Y"
    }, {
        name: "Z"
    }]
}

和HTML:

  
  Add Me
    
INDEX
    

        


        
    

请查看文档和教程,以了解有关设置项目的基础知识. http://docs.angularjs.org/guide/bootstrap