Angularjs ngRoute不应该路由

时间:2017-06-03 20:22:09

标签: angularjs routing ngroute

首先对不起,如果我写错了语法/表达,我的英语不是最好的。

好吧,我试图通过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效果很好。但现在不重要。

0 个答案:

没有答案