我想通过http.post()方法访问部分文件中的数据。 数据可以在控制器中访问,但不能在partila file.html中访问。当我将响应放在console.log(JSON.stringify(res))时.res显示在浏览器控制台中。这意味着响应来自控制器。 但是chill.html partial.how中没有显示的响应可以在chill.html中访问响应。 我也使用了post方法,因为我将一些数据发布到" / a"。
这是控制器的代码
var myApp = angular.module('myApp', ['ui.router']);
myApp.config(function($stateProvider, $urlRouterProvider,$locationProvider) {
$stateProvider
// HOME STATES AND NESTED VIEWS ========================================
.state('home',{
url: '/',
templateUrl: 'partials/final1.html'
})
.state('a',{
url:'/a',
templateUrl:'partials/chill.html',
controller: 'searchctrl'
}
})
myApp.controller('searchctrl',function($scope,$http,$location){
// app.searchctrl($scope,$http,$location)
$scope.search=function(){
$http.post('/a',$scope.user).success(function(res){
$scope.items=res;
console.log(JSON.stringify(res));
$location.path('/a');
}).
error(function(res){
alert(1234);
})
}
});
chill.html
<div class="right-content">
<div class="right-content-heading">
<div class="right-content-heading-left">
<h3>Latest Colletcions of videos</h3>
</div>
<div class="right-content-heading-right">
<div class="social-icons">
<ul>
<li><a href="#" target="_blank" class="facebook"> </a></li>
<li><a href="#" target="_blank" class="twitter"></a></li>
<li><a href="#" target="_blank" class="googleplus"></a></li>
<li><a href="#" target="_blank" class="pinterest"></a></li>
<li><a href="#" target="_blank" class="dribbble"></a></li>
<li><a href="#" target="_blank" class="vimeo"></a></li>
</ul>
</div>
</div>
<div class="clear"> </div>
</div>
<!-- -pictures--->
<ul>
<li ng-repeat="man in items">{{ man.name }}</li>
</ul>
<div class="clear"></div>
<!-- //////////////////////////////////-->
</div>
我在后端使用node + express app.js
app.post('/a',function(req,res){
var string=req.body.name;
//console.log(string);
items = [
{
name: 'Macallan 12',
price: 50
},
{
name: 'Chivas Regal Royal Salute',
price: 10000
},
{
name: 'Glenfiddich 1937',
price: 20000
}
];
res.json(items);
});
那么,如何在控制器searachctrl中的chill.html文件中加载数据。