javascript - 請教AngularJS的ngRoute問題：為何這段程序無法執行？問題出在哪？
問題描述
/** index.html **/<!DOCTYPE html><html ng-app='exampleApp'><head> <title>Products</title> <script src='http://m.lshqa.cn/wenda/angular.js'></script> <script src='http://m.lshqa.cn/wenda/angular-route.js'></script> <script src='http://m.lshqa.cn/wenda/products.js'></script> <link href='http://m.lshqa.cn/wenda/bootstrap.css' rel='stylesheet' /> <link href='http://m.lshqa.cn/wenda/bootstrap-theme.css' rel='stylesheet' /></head><body ng-controller='defaultCtrl'><p class='panel panel-primary'> <h3 class='panel-heading'>Products</h3> <p ng-view></p></p></body></html>
/** products.js **/angular.module('exampleApp', ['ngRoute']) .config(function ($routeProvider) { $routeProvider.when('/list', {templateUrl: '/tableView.html'}); $routeProvider.when('/edit', {templateUrl: '/editorView.html'}); $routeProvider.when('/create', {templateUrl: '/editorView.html'}); $routeProvider.otherwise({templateUrl: '/tableView.html'});}) .controller('defaultCtrl', function ($scope, $location) { $scope.currentProduct = null; $scope.listProducts = function () {$scope.products = [ {id: 0, name: 'Dummy1', category: 'Test', price: 1.25}, {id: 1, name: 'Dummy2', category: 'Test', price: 2.45}, {id: 2, name: 'Dummy3', category: 'Test', price: 4.25}]; }; $scope.deleteProduct = function (product) {$scope.products.splice($scope.products.indexOf(product), 1); }; $scope.createProduct = function (product) {$scope.products.push(product);$location.path('/list'); }; $scope.updateProduct = function (product) {for (var i = 0; i < $scope.products.length; i++) { if ($scope.products[i].id === product.id) {$scope.products[i] = product;break; }}$location.path('/list'); }; $scope.editOrCreateProduct = function (product) {$scope.currentProduct = product ? angular.copy(product) : {};$location.path('/edit'); }; $scope.saveEdit = function (product) {if (angular.isDefined(product.id)) { $scope.updateProduct(product);} else { $scope.createProduct(product);} }; $scope.cancelEdit = function () {$scope.currentProduct = {};$location.path('/list'); }; $scope.listProducts();});
/** tableView.html（略） **/
/** editorView.html（略） **/
程序無法執行（如圖）：
問題解答
回答1：$routeProvider定義路徑時，不應該以'/'開頭
用stateProvider
相關文章：
1. mysql - Sql union 操作2. php - 生產環境下,給MySQL添加索引,修改表結構操作,如何才能讓線上業務不受影響？3. javascript - 按鈕鏈接到另一個網址 怎么通過百度統計計算按鈕的點擊數量4. android - 安卓做前端，PHP做后臺服務器 有什么需要注意的？5. java - Mybatis 數據庫多表關聯分頁的問題6. 急急急！！！求大神解答網站評論問題，有大神幫幫小弟嗎7. mysql - 僅僅只是把單引號與反斜杠轉義不用prepare statement能否避免sql注入？8. 新入手layuiadmin，部署到tp中。想用php自已寫一個后臺管理系統。9. mysql在限制條件下篩選某列數據相同的值10. mysql 獲取時間函數unix_timestamp 問題？
網公網安備