av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

javascript - 請教AngularJS的ngRoute問題:為何這段程序無法執行?問題出在哪?

瀏覽:123日期:2022-12-20 16:28:02

問題描述

/** index.html **/<!DOCTYPE html><html ng-app='exampleApp'><head> <title>Products</title> <script src='http://www.4tl426be.cn/wenda/angular.js'></script> <script src='http://www.4tl426be.cn/wenda/angular-route.js'></script> <script src='http://www.4tl426be.cn/wenda/products.js'></script> <link href='http://www.4tl426be.cn/wenda/bootstrap.css' rel='stylesheet' /> <link href='http://www.4tl426be.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(略) **/

程序無法執行(如圖):javascript - 請教AngularJS的ngRoute問題:為何這段程序無法執行?問題出在哪?

問題解答

回答1:

$routeProvider定義路徑時,不應該以'/'開頭javascript - 請教AngularJS的ngRoute問題:為何這段程序無法執行?問題出在哪?

回答2:

用stateProvider

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 久久久精品国产sm调教网站 | 日韩精品少妇 | 久久福利视频导航 | 久久在线免费观看 | a视频在线| 国产一区二区不卡 | 在线观看日韩视频 | 三级黄色片网站 | 伊人色播 | 视频一二三区 | 亚洲天堂色图 | 亚洲精品久久久久久久久 | 欧美日韩中文字幕在线观看 | 国产成人精品久久久 | 青青草伊人网 | 日本在线一区二区三区 | 黄网站免费大全入口 | 欧美天天| 国产在线黄色 | 亚洲一级黄色片 | 久久人人爽 | 手机看片福利视频 | 日韩理论视频 | 三上悠亚激情av一区二区三区 | 人与拘一级a毛片 | 免费看黄色大片 | 日批视频免费在线观看 | 国产做受视频 | 欧美综合激情 | 四虎影院网站 | 国产黄色在线 | 黄色大片在线播放 | 亚洲免费在线观看视频 | 亚洲黄色在线观看 | 亚洲性天堂| 一级免费黄色片 | 国产成人免费视频 | 成人高潮片免费网站 | 日本视频www| www五月天| 亚洲成人免费网站 |