如何使用角度JS中的$ Routeparams從json文件中檢索數據

Question

我正面臨使用$ routeparams檢索數據的問題，我將解決我的問題

/ 重新傳輸URL以重定向 /

  console.log($routeParams);
  console.log($routeParams.json_url);

    $.getJSON("./api-data/"+$routeParams.json_url, function(json){
        $scope.data = json;
         console.log('JSON--',$scope.data);
       $scope.processdata();
  });

/ 重新傳輸URL以重定向 /

這是我試圖獲取數據的方式，但是當我控制它的$ routeparams有數據 - >它有需要的URL但當我與“json url”連接時它顯示“無法加載資源：服務器響應了一個控制台中404（未找到）狀態和“未定義”狀態

我正在分享我的app.js.

app.js

App.config(['$routeProvider',function($routeProvider, $routeParams) {

            $routeProvider

    .when('/base-product/:json_url?', {
                    templateUrl :'templates/base_product.html',
                    controller  :'BaseProductController'
                })      

我的menu.html

這是我點擊此菜單中的特定鏈接時的菜單，它應該動態地重定向到關聯的json文件

<ul id="submenu-2" class="collapse" >
                            <span ng-repeat="item in itemDetails">
                            <li><a href="#base-product?{{item.path}}" > {{item.title}}</a></li>
                            </span>

                        </ul>

我的action.json會是這樣的

[

   {
      "title":"View",
      "path":"actions/view.json",
      "urlpath":"view?segment=view",
      "apiPath":"api/view",
      "methodType":"post"

   },

    {
       "title":"Add",
      "path":"actions/add.json",
      "urlpath":"view?segment=add",
      "apiPath":"api/add",
      "methodType":"post"

   },

]

我寫了一個工廠來從json文件中獲取數組值（action.json）

App.factory('itemsFactory', ['$http', function($http){
  var itemsFactory ={
    itemDetails: function() {
      return $http(
      {
        url: "api-data/action.json",
        method: "GET",
      })
      .then(function (response) {
        return response.data;
        });
      }
    };
    return itemsFactory;

}]);


App.controller('SidenavItems_controller', ['$scope', 'itemsFactory', function($scope, itemsFactory){

    console.log("Loading json array name is working fine and tested in console")
  var promise = itemsFactory.itemDetails();

    promise.then(function (data) {
        $scope.itemDetails = data;
        console.log(data);
    });
    $scope.select = function(item) {
      $scope.selected = item;
    }
    $scope.selected = {};
}]);

提前幫助我..謝謝你

Answer 1

您的網址參數錯誤，您不需要使用'？' 標記。 將其更改為

視圖

<li><a href="#base-product/{{item.path}}" > {{item.title}}</a></li>

JS

.when('/base-product/:json_url', {...}