1

私はangularjsを初めて使用します.Angular jsを使用して高度な検索用の動的コントロールを作成するのを手伝ってくれる人はいますか.

同様に、これをクリックした後に高度な検索ボタンがあり、いくつかの基本的なフィルター コントロールが読み込まれ、+ または - ボタンをクリックすると、「And」/「OR」オプションを使用して別のフィルター コントロールが動的に読み込まれます。

以下のスクリーンショットのようなものが必要です。データタイプのドロップダウンと日付の選択オプションは、デフォルトの検索に表示されます。高度な検索フィルター オプションをクリックすると、画面に表示されます。次に、1 つのドロップダウンを動的コントロールとして追加する必要があります。ドロップダウン メニュー項目がテキスト ボックスに適している場合は、最初に、最後に、項目が日付に適している場合は、日付ピッカー コントロールが来るはずです。その後、プラスまたはマイナスボタンをクリックして、さらに検索条件を追加することもできます。

ここに画像の説明を入力

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 に答える