0

Instagram/Pinterest のようなルーティングを作成したい。私の場合、モーダル ウィンドウで記事全体を開きます。FAQから、次の コードを見つけました。

    $stateProvider.state("items.add", {
    url: "/add",
    onEnter: ['$stateParams', '$state', '$modal', '$resource', function($stateParams, $state, $modal, $resource) {
        $modal.open({
            templateUrl: "items/add",
            resolve: {
              item: function() { new Item(123).get(); }
            },
            controller: ['$scope', 'item', function($scope, item) {
              $scope.dismiss = function() {
                $scope.$dismiss();
              };

              $scope.save = function() {
                item.update().then(function() {
                  $scope.$close(true);
                });
              };
            }]
        }).result.then(function(result) {
            if (result) {
                return $state.transitionTo("items");
            }
        });
    }]
});

正常に動作しますが、モーダル ウィンドウを閉じると、前の状態のスクロールとデータが保存されません。モーダルを閉じた後、スクロールと前の状態からのデータを保持する既存のソリューションはありますか?

4

1 に答える 1

0

ui-router-extras に「Sticky States」を実装しました。Ui-router-extras は、ui-router のアドオン モジュールです。私はあなたがやりたいことをすると信じているモーダルな例/デモを持っています。ここの例をご覧ください：

http://christopherthielen.github.io/ui-router-extras/example/stickymodal/index.html#/people/manager/0/emp/25

次に、メインの ui-router-extras ページをチェックしてください: http://christopherthielen.github.io/ui-router-extras

于 2014-08-03T01:00:40.270 に答える