URL から製品の識別子を取得しようとしています (例: /product/<productId>
)、mongodb から製品オブジェクトを取得し$scope
、アプリケーションでそのオブジェクトにアクセスできるようにします。URL から productId を取得することは で正常に機能しますが、オブジェクトを mongodb からスコープに入れるのに苦労しています$routeParams
。
サーバー側でコードを追加する必要があると思いますがproducts-controller.js
、サーバー側で $scope から productId を呼び出すにはどうすればよいですか?
クエリがどのように表示されるかはわかっています (例: db.products.find({_id : ObjectId("5422c8b2d4cc50e99f007f73")})
)
サーバー.js
app.get('/api/products', productsController.list);
app.js
var app = angular.module('productApp', ['ngResource', 'ngRoute']);
app.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
$routeProvider
.when('/', {
templateUrl: '/views/productsoverview.html',
controller: 'productsController'
})
.when('/product/:productId', {
templateUrl: '/views/productFocus.html',
controller: 'productFocusController'
})
.otherwise({
redirectTo: '/'
});
$locationProvider.html5Mode(true)
}]);
app.controller('productsController', ['$scope', '$resource',
function($scope, $resource) {
var Product = $resource('/api/products');
$scope.products = [];
Product.query(function (results) {
$scope.products = results;
});
}]);
app.controller('productFocusController', ['$routeParams', '$scope', '$resource',
function($routeParams, $scope, $resource) {
if($routeParams.productId) {
$scope.productId = $routeParams.productId
}
}]);
products-controller.js (サーバー)
var Product = require('../models/product');
module.exports.list = function (req, res) {
Product.find({}, function (err, results) {
res.json(results);
});
}