Question

我在处理角度时遇到了设计问题。需要建议。

我有一个基于路线加载的页面。现在在页面上我有一些控制数据的过滤器，如价格范围和日期。这些过滤器将在url中设置查询参数。所以state + query params将决定数据。并且在过滤器的每次更改时，这些查询参数都应该更改，因此应该加载页面。每个过滤器都有自己的指令。

现在的问题是我第一次路由到州时。这些过滤器是第一次由指令生成的：

我将如何将它们绑定到url查询参数。然后将这些查询参数传递给routeProvider，然后传递给将获取数据的控制器。
当加载页面时我将如何绑定这些过滤器，以便在更改时再次更改查询参数并获取新数据并填充页面。
如何以双向方向绑定这些查询参数。

我的代码段： -

路线： -

 decorpot.config(['$routeProvider', '$provide', function($routeProvider, $provide){

    $provide.decorator('ngViewDirective', function($delegate) {
         var directive = $delegate[0];
         directive.replace = true;

         return $delegate;
     });

    $routeProvider.when('/', {
        templateUrl: 'resources/partials/home.html',
        controller: 'DecorpotCtrl'
    }).when('/imageListSpace/:param', {
        templateUrl: 'resources/partials/imageList.html',
        controller: 'ImageListController'
    })
    .otherwise({
        redirectTo: '/'
    });
 }]);

控制器 -

decorpotCtrls.controller('ImageListController', [ '$scope', '$routeParams', 'interiors', function($scope, $routeParams, interiors ) {

    interiors.getImages($routeParams.param).success(function(data) {
        $scope.imageList = data;
    });

} ]);

过滤器指令 -

 decortDirectives.directive("priceRange", function() {
    $("#priceRange").ionRangeSlider({
        type : "double",
        min : 100000,
        max : 300000,
        prefix : "Rs.",
        prettify_enabled: true,
    });
 });

根据页面过滤器angularjs

0 个答案: