Express.get越來越變量名，而不是它是從AngularJS UI路由器

價值正如我在我的標題提到，當我使用的UI路由器發送一個參數去的URL，並嘗試使用express.get（URL）我得到：param名稱而不是它的值。Express.get越來越變量名，而不是它是從AngularJS UI路由器

這裏是我的代碼：

AngularJS UI路由器狀態：

.state('post', { 
    url: '/blog/:postID', 
    templateUrl: 'app/views/post.html', 
    controller: 'PostCtrl' 
})

AngularJS HTTP請求

$http.get('/blog/:postID').success(function(data) { 
    console.log(data); 
    $scope.singlePost = data; 
}).catch(function(error) { 
    console.log(err); 
});

HTML界面路由器網址

<h1><a ui-sref="post({ postID: post._id })">{{ post.title }}</a></h1>

快遞。 get（）方法

app.get('/blog/:id', function(req, res) { 
    Post.findById(req.params.id, function(err, singlePost){ 
     console.log(singlePost);  
     if (err) { 
      console.log(err); 
     } else { 
      res.json(singlePost); 
     } 
    }); 
});

我得到以下錯誤控制檯

{ [CastError: Cast to ObjectId failed for value ":postID" at path "_id"] 
    message: 'Cast to ObjectId failed for value ":postID" at path "_id"', 
    name: 'CastError', 
    kind: 'ObjectId', 
    value: ':postID', 
    path: '_id', 
    reason: undefined }

爲什麼發生的新手將不勝感激的任何幫助和/或解釋。謝謝。

來源

2016-01-21 Jesus Mendoza

你必須從您的角度JS應用到節點服務器的HTTP請求。我在這裏沒有看到。 – Mani

是啊，我忘了補充它。我的錯。增加了它 –

我很驚訝地看到你的http請求針對/博客。 – Mani

我在這裏推斷你正試圖從你的角度應用程序內PostCtrl控制器發出ajax請求。

.state('post', { 
url: '/blog/:postID', 
templateUrl: 'app/views/post.html', 
controller: function($scope, $stateParams) { 
    var postID = $stateParams.postID; 
} 
})

在您的控制器中，您現在可以對收到的任何內容發出ajax請求。

var req = { 
     method: 'POST', 
     url: 'http://localhost:3300/blog', 
     headers: { 
     'Content-Type': 'application/x-www-form-urlencoded' 
     }, 
     data: $httpParamSerializer(postID) 
    }; 

$http.post(req).then(function(success){},function(error){});

你完整的狀態應該是：

.state('post', { 
url: '/blog/:postID', 
templateUrl: 'app/views/post.html', 
controller: function($scope, $stateParams) { 
    var postID = $stateParams.postID; 
    var req = { 
     method: 'POST', 
     url: 'http://localhost:3300/blog', 
     headers: { 
     'Content-Type': 'application/x-www-form-urlencoded' 
     }, 
     data: $httpParamSerializer(postID) 
    }; 

    $http.post(req).then(function(success){},function(error){}); 
} 
})

當然，你需要增加你的依賴於$httpParamSerializer

來源

2016-01-21 00:48:35 Mani

我忘了補充我的控制器內我的http請求，我現在加入了。我查一下我做了什麼不同的 –

讓我知道這對你的作品 – Mani

Express.get越來越變量名，而不是它是從AngularJS UI路由器

回答

相關問題