1

我是 angularjs 的新手，任何人都可以帮助我使用 angular js 创建用于高级搜索的动态控件。

就像我们有高级搜索按钮，点击后应该加载一些基本的过滤器控件，点击+或-按钮后，动态加载另一个带有“和”/“或”选项的过滤器控件。

我们需要类似下面的截图。数据类型下拉菜单和选择日期选项将用于默认搜索。如果人们点击高级搜索过滤器选项将出现在屏幕上。那么我们需要添加一个下拉菜单作为动态控件，如果下拉菜单项适用于文本框，则应以开始，以结束，如果项目适合日期则应出现日期选择器控件。之后，用户还可以通过单击加号或减号按钮添加更多搜索条件。

在此处输入图像描述

4

1 回答 1

1

在控制器中有一个包含您的过滤器选项的数组：

$scope.filters = []

添加点击高级搜索：

$scope.onAdvancedSearchClick = function() {
    $scope.advancedSearch = true;
    $scope.onClickPlus(); // add initial item
}

$scope.onClickPlus = function() {
    $scope.filters.push({text: 'some text', type: 'AND'});
}

$scope.onClickMinus = function() {
    $scope.filters.pop();
}

然后在您的视图中使用 ng-repeat 循环遍历过滤器数组并为每个输入创建一个文本输入和“和/或”按钮。

我不确定您是否想要和/或每行或顶级控制。

于 2014-06-24T14:34:57.710 回答