如何在角度js中从控制器加载部分数据

时间:2015-10-23 08:47:27

标签: javascript angularjs node.js html5 express

我想通过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文件中加载数据。

0 个答案:

没有答案