7

編集: $routeProvider と $routeParams を追加しましたが、$routeParams.productId は常に未定義です。それは私の最初の試みでしたが、それは間違った方法だと思いました。とにかく、今のところうまくいきません。

私は AngularJS を学び始めましたが、非常に単純な質問があります: URL に含まれる ID に応じて、異なる BD レコードを表示したいと思います。

...
<div ng-app=MyApp>
  <div ng-controller="MyCtrl">
    {{ record }}
  </div>
</div>
...

私のJavascriptファイル:

var MyApp = angular.module("MyApp",[]);

MyApp.config(['$routeProvider', function($routeProvider) {
  $routeProvider
    .when('/get/:productId', {
       controller: 'MyCtrl'
    });
}])

MyApp.controller('MyCtrl',['$scope','$routeParams','$http',
  function($scope,$routeParams,$http) {
     $http.get("/get/"+$routeParams.productId).success(function(data) {
        $scope.record = data;
     });
}])

$routeProvider と $routeParams を使用しようとしましたが成功しませんでした。

前もってありがとう、ビル

4

1 に答える 1

10

コントローラーに注入された $routeParams と get メソッドで有効なルートを作成するという 2 つのことが必要です

    MyApp.controller('MyCtrl',['$scope','$http',"$routeParams",
        function($scope,$http,$routeParams) {
             $http.get("/get/"+$routeParams.productId).success(function(data) {
                 $scope.record = data;
        });
    };
于 2013-01-10T14:17:36.323 に答える