Angularでデータに対して検索をかけて、それを表示させたい

Question

質問です。

今現在Angularを用いて開発を行っているのですが、
自分で作ったデータを検索して表示というものをしたいです。

typescriptファイルにデータとなるもの、今回は配列でデータを格納しました。

data: Array｛a: string｝［
｛a: 'あいうえお'｝,｛a:'かきくけこ'｝
］
みたいな？？

それを、HTML側で検索条件で
テキストボックスなどで入力された内容を元に、
検索ボタンをクリックするとそれに値するものが表示されるようにしたいです。
その検索結果に対する値全てを表示させたいです。

リアルタイムで検索されるのではなく、
検索ボタンをクリックすると、表示されるようにしたいです。

プログラミング初心者なので上手く言葉にできていません、申し訳ありません。

対応のほどよろしくお願いします。

Answer 1

いきなり検索画面の製造とせず、段階的に以下ステップで取り組まれてはどうでしょうか。

１．dataを設計する

２．dataの内容を全件表示する

３．２の表示を任意で絞り込むロジックを実装する

具体的なコードについては、学習を深めながらお考えになってはどうでしょうか。