Quantcast
Channel: かずきのBlog@hatena
Viewing all articles
Browse latest Browse all 1387

ng.ILocationServiceを使った画面遷移での画面間データ渡し

$
0
0

とりあえずパラメータを使うのが一番楽そうです。パラメータはng.ILocationServiceのsearchメソッドにオブジェクトを渡してやるといい感じに面倒を見てくれます。

前回の処理に、ページ間のデータ渡しをコントローラに追加したコードは以下のような感じになります。

// Page1用のスコープinterface Page1Scope extends ng.IScope {
    title:string;
    navigate(): void;
}

// Page1用のコントローラclass Page1Ctrl {
    constructor($scope: Page1Scope, $location: ng.ILocationService) {
        // タイトルと画面遷移を行う処理を定義する
        $scope.title = "Page1";
        $scope.navigate = () => {
            $location.path("/Page2").search({key: Date()});;
        };
    }
}

// Page1と基本同じなのでコメントは省略interface Page2Scope extends ng.IScope {
    title:string;
    navigate(): void;
}

class Page2Ctrl {
    constructor($scope: Page2Scope, $location: ng.ILocationService) {
        $scope.title = "Page2 - " + $location.search().key;
        $scope.navigate = () => {
            $location.path("/Page1");
        }
    }
}

Viewing all articles
Browse latest Browse all 1387

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>