NG-观点与决心展示

本文介绍了NG-观点与决心展示的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我使用决心以这种方式（似乎是做这样的标准方式）。但鉴于没有显示。任何想法我错过了什么？顺祝商祺

  angular.module（'fifaApp'，['ngRoute']）
  的.config（函数（$ routeProvider）{
   $ routeProvider.when（'/团队/：code'，{
      templateUrl：意见/ team_details.html'，
      控制器：'TeamDetailsCtrl为teamDetailsCtrl，
      解析：{
        AUTH：功能（UserService）{
          返回UserService.session（）;
        }
      }
    }）;
  }）;  .factory（'UserService'，['$ HTTP'，函数（$ HTTP）{
    VAR的服务= {
      isLoggedIn：假的，
      会议：函数（）{
        VAR承诺= $ http.get（'/ API /会话）
              promise.success（功能（响应）{
          service.isLoggedIn = TRUE;
          返回响应;
        }）;
        返回的承诺;
    };
    退换货服务;
  };
  }]）;  .controller（'MainCtrl'，['$范围，权威性，
    功能（$范围，AUTH）{
      $ scope.auth = auth.response;
  }]）;

和HTML：

 ＆LT; DIV CLASS =团队的细节容器卡＆GT;
  ＆LT; DIV CLASS =队伍标志＆GT;
      ＆LT; IMG标题=图片提供：维基百科
           NG-SRC ={{teamDetailsCtrl.team.logoUrl}}＆GT;
  ＆LT; / DIV＆GT;
  ＆LT; DIV CLASS =名＆GT;
      ＆LT;跨度NG绑定=teamDetailsCtrl.team.name＆GT;＆LT; / SPAN＆GT;
      （小于跨度NG绑定=teamDetailsCtrl.team.fifa code＆GT;＆LT; / SPAN＆GT;）
  ＆LT; / DIV＆GT;
  ＆LT; DIV CLASS =细节＆GT;
    ＆LT; DIV CLASS =标签＆GT;
      ＆LT;跨度＆GT;＆昵称LT; / SPAN＆GT;
    ＆LT; / DIV＆GT;
    ＆LT; DIV CLASS =标题＆GT;
      ＆LT;跨度NG绑定=teamDetailsCtrl.team.nickname＆GT;＆LT; / SPAN＆GT;
    ＆LT; / DIV＆GT;
  ＆LT; / DIV＆GT;
  ＆LT; DIV CLASS =细节＆GT;
    ＆LT; DIV CLASS =标签＆GT;
      ＆LT;跨度＆GT; FIFA排名及LT; / SPAN＆GT;
    ＆LT; / DIV＆GT;
    ＆LT; DIV CLASS =标题＆GT;
      ＆LT;跨度NG绑定=teamDetailsCtrl.team.fifaRanking＆GT;
      ＆LT; / SPAN＆GT;
    ＆LT; / DIV＆GT;
  ＆LT; / DIV＆GT;
  ＆LT; DIV CLASS =细节＆GT;
    ＆LT; DIV CLASS =标签＆GT;
      ＆LT;跨度＆GT;协会＆LT; / SPAN＆GT;
    ＆LT; / DIV＆GT;
    ＆LT; DIV CLASS =标题＆GT;
      ＆LT;跨度NG绑定=teamDetailsCtrl.team.association＆GT;＆LT; / SPAN＆GT;
    ＆LT; / DIV＆GT;
  ＆LT; / DIV＆GT;
  ＆LT; DIV CLASS =细节＆GT;
    ＆LT; DIV CLASS =标签＆GT;
      ＆LT;跨度＆GT;主教练＆LT; / SPAN＆GT;
    ＆LT; / DIV＆GT;
    ＆LT; DIV CLASS =标题＆GT;
      ＆LT;跨度NG绑定=teamDetailsCtrl.team.headCoach＆GT;＆LT; / SPAN＆GT;
    ＆LT; / DIV＆GT;
  ＆LT; / DIV＆GT;
  ＆LT; DIV CLASS =细节＆GT;
    ＆LT; DIV CLASS =标签＆GT;
      ＆LT;跨度＆GT;船长和LT; / SPAN＆GT;
    ＆LT; / DIV＆GT;
    ＆LT; DIV CLASS =标题＆GT;
      ＆LT;跨度NG绑定=teamDetailsCtrl.team.captain＆GT;＆LT; / SPAN＆GT;
    ＆LT; / DIV＆GT;
  ＆LT; / DIV＆GT;
＆LT; / DIV＆GT;

解决方案

添加 $ Q 服务。

  .factory（'UserService'，['$ HTTP，$ Q'，函数（$ HTTP，$ Q）{
    VAR的服务= {
      isLoggedIn：假的，
      会议：函数（）{
        变种推迟= $ q.defer（）;
        VAR承诺= $ http.get（'/ API /会话）
        promise.success（功能（响应）{
            service.isLoggedIn = TRUE;
            deferred.resolve（响应）;
        }）;        返回deferred.promise;
    };
    退换货服务;
  };
 }]）;

I am using resolve in this way (seems to be the standard way to do this way). But the view is not showing. Any ideas what I missed? Best Regards

angular.module('fifaApp', ['ngRoute'])
  .config(function($routeProvider) {
   $routeProvider.when('/team/:code', {
      templateUrl: 'views/team_details.html',
      controller:'TeamDetailsCtrl as teamDetailsCtrl',
      resolve: {
        auth: function(UserService){
          return UserService.session();
        }
      }
    });
  });

  .factory('UserService', ['$http', function($http) {
    var service = {
      isLoggedIn: false,
      session: function() {
        var promise = $http.get('/api/session')
              promise.success(function(response) {
          service.isLoggedIn = true;
          return response;
        });
        return promise;
    };
    return service;
  };
  }]);

  .controller('MainCtrl', ['$scope','auth',
    function($scope,auth) {
      $scope.auth = auth.response;
  }]);

And html:

<div class="team-details-container card">
  <div class="team-logo">
      <img title="Image Courtesy: Wikipedia"
           ng-src="{{teamDetailsCtrl.team.logoUrl}}">
  </div>
  <div class="name">
      <span ng-bind="teamDetailsCtrl.team.name"></span>
      (<span ng-bind="teamDetailsCtrl.team.fifaCode"></span>)
  </div>
  <div class="detail">
    <div class="label">
      <span>Nickname</span>
    </div>
    <div class="title">
      <span ng-bind="teamDetailsCtrl.team.nickname"></span>
    </div>
  </div>
  <div class="detail">
    <div class="label">
      <span>FIFA Ranking</span>
    </div>
    <div class="title">
      <span ng-bind="teamDetailsCtrl.team.fifaRanking">
      </span>
    </div>
  </div>
  <div class="detail">
    <div class="label">
      <span>Association</span>
    </div>
    <div class="title">
      <span ng-bind="teamDetailsCtrl.team.association"></span>
    </div>
  </div>
  <div class="detail">
    <div class="label">
      <span>Head Coach</span>
    </div>
    <div class="title">
      <span ng-bind="teamDetailsCtrl.team.headCoach"></span>
    </div>
  </div>
  <div class="detail">
    <div class="label">
      <span>Captain</span>
    </div>
    <div class="title">
      <span ng-bind="teamDetailsCtrl.team.captain"></span>
    </div>
  </div>
</div>

解决方案

Add $q in service.

.factory('UserService', ['$http' , '$q', function($http, $q) {
    var service = {
      isLoggedIn: false,
      session: function() {
        var deferred = $q.defer();
        var promise = $http.get('/api/session')
        promise.success(function(response) {
            service.isLoggedIn = true;
            deferred.resolve(response);
        });

        return deferred.promise;
    };
    return service;
  };
 }]);

这篇关于NG-观点与决心展示的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！