简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - Angular路由加载视图后，如何实现立即初始化请求数据?
巴扎黑
巴扎黑 2017-04-11 12:24:52
0
2
493

  • HTML代码（home.html）

<html>
  <body>
    <!-- 目前我只知道通过点击事件来触发加载-->
    <!-- 如何实现一跳转到视图，就调用$scope.getHomeData()方法呢？ -->
    <a href="javascript:void(0);" ng-repeat="getHomeData()">
  </body>
</html>

  • JS代码

//配置主页的路由
mainApp.config(function($stateProvider, $urlRouterProvider) {
  //默认指向404
  $urlRouterProvider.otherwise("/404");
  //配置路由
  $stateProvider.state('home', {
    url: '/home',
    templateUrl: 'home.html',
    controller : function($scope,$http){
      //定义获取首页相关数据的方法
      $scope.getHomeData = function(){
        $http({
          url : '/getHomeData',
          method : 'POST'
        }).then(function(){
            //请求成功
        },function(){
            //请求失败
        })
      };
    }
  }).state('404',{
    url: '/home',
    templateUrl: 'home.html'
  });
});

  • 麻烦大神看一下伪代码，多多指教

巴扎黑
巴扎黑

모든 응답(2)
巴扎黑
巴扎黑2017-04-11 12:26:52 2층

使用ng-init来初始化， 这样可能会有页面空白，也可以使用resolve在跳转前就加载数据

좋다 +0
답글 추가
刘奇
刘奇2017-04-11 12:26:52 1층

从你的代码来看，你将请求数据封装在了$scope下的getHomeData方法：你只需要在controller下调用就可以获取数据了：
$scope.getHomeData()
问题：你的代码极不规范，你不应该在路由配置里面写太多的逻辑代码。

좋다 +0
답글 추가
인기 주제
더>
인기 기사
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！