4

私は、angular.jsの学習を開始しました。「データの読み込み」などのajaxローダー要素を最初に表示するページを作成する正しい方法を教えていただけますか。次に、データがフェッチされた後、ビューが更新され、要素が非表示になります。jqueryを使用してページ読み込みイベントにデータを入れることができますが、純粋な角度を使用してそれをどのように行いますか？これまでのところ、クリックイベントにそれを配置する方法を理解しました：

<div ng-app="VideoStatus" ng-controller="VideoStatusCtrl">
    <button ng-click="getVideos()">get videos</button>
</div>
<script type="text/javascript">
    angular.module('VideoStatus', ['ngResource']).run(function(){ 
       // I guess somehow I can start fetching data from the server here, 
      //  but I don't know how to call Controller methods passing the right scope 
    });

    function VideoStatusCtrl($scope, $resource) {
        $scope.videoStatus = $resource('/Videos/GetStatuses', { callback: 'JSON_CALLBACK' });

        $scope.getVideos = function () {
            $scope.videoResult = $scope.videoStatus.get();
            console.log('videos fetched');
        };
    };
</script>
4

1 に答える 1

3

Adam Webber と Peter Bacon Darwinに敬意を表し ます

これが作業中のプランカーです

これは、モーダルポップアップ機能を備えたディレクティブとして読み込みを行う私のバージョンのプランカーです

これが私のバージョンを使用するためのチュートリアルです

必要なのは、loading.js と modal.js だけで、jQuery と twitterbootstrap css を参照するだけです。

あなたのコードで、

コードで行う必要があるのは 2 つのステップだけです。

  1. 次のコードを HTML に追加します

    < div データ読み込み> < /div>

  2. LoadingModuleモジュールをアプリケーション モジュールに追加します。

    angular.module('YourApp', ['LoadingModule'])

于 2012-11-06T19:05:14.997 に答える