首先对不起,如果我写错了语法/表达,我的英语不是最好的。
好吧,我试图通过ID显示产品,为此我要使用此网址从localhost/products/product/:ID
产品列表中发送此ID,并且我正在接收{ {1}}(101就是一个例子)。
如果我转到GET http://localhost/products/product/101 404 (Not Found)
,则http://localhost/products/product.html
已更改,但未重定向,只需更改地址栏中的网址
这是我的代码
http://localhost
指令
var app = angular.module('AppMarketApp', ['ngRoute']);
app.config(function($routeProvider, $locationProvider){
$locationProvider.html5Mode({
enabled:true,
requireBase: false});
$routeProvider
.when("/products/product/:codProd", {
templateUrl: '../js/product/appInfo.html',
controller: 'Controller'
})
.otherwise({redirectTo:'/'});;
});
app.controller("Controller",['$scope','$http', '$routeParams', function($scope,$http, $routeParams){
$scope.row = {};
var codProd= $routeParams.codProd;
//some extra code here.
和 html
app.directive('appInfo', function() {
return {
restrict: 'E',
scope: {
info: '='
},
templateUrl: '../js/product/appInfo.html'
};
});
有什么想法吗?如果你们需要一些额外的信息,请告诉我。
另外,我认为我在HTML文件中有一些不好的代码,更具体地来说就是
<body ng-app="AppMarketApp" ng-controller="Controller">
<div class="page" style="">
<div class="content-showproduct">
<div class="product" ng-view>
<app-info info="arts"></app-info>
</div>
</div>
</div>
<script src="../js/product/Controller.js"></script>
<script src="../js/product/appInfo.js"></script>
</body>
我不知道路由后它是否能正常工作。没有其他文件的ng-view效果很好。但现在不重要。