【HTML・AngularJS】ポップアップメッセージの出力を正しく表示したい

削除ボタンを押下した時の処理ですが、当コードを実行すると、
以下、＜メッセージ１＞の下（裏）に＜メッセージ２＞が表示されます。

＜メッセージ１＞
削除します。よろしいですか？
はい　いいえ

＜メッセージ２＞
（メッセージ文言なし）
はい　いいえ

＜メッセージ２＞のはいを押すことで、"delete(true)"が呼ばれます。
これを＜メッセージ１＞のみで完結するにはどのようにコードを書いたらよろしいのでしょうか。

html
1      <div class="ui button" onclick="showModal('.confirm')">　削　除　</div>
2    </div>
3  </div>
4  <div class="ui mini modal confirm">
5    <div class="header">確認</div>
6    <div class="content">
7      削除します。よろしいですか？
8    </div>
9    <div class="actions">
10      <div class="ui ok blue button" ng-click="delete(true)">　はい　</div>
11      <div class="ui cancel button">　いいえ　</div>
12    </div>
13  </div>

js
1function showModal(cls) {
2	$(cls).modal({allowMultiple: true, autofocus: false});
3	$(cls).modal('show');
4}

plasticgrammer

2020/11/12 05:41

ポップアップメッセージを表示させるのに使用しているJSライブラリについて、追記をお願いします。

退会済みユーザー

2020/11/12 06:42

ご連絡ありがとうございます。 angularを使用してます。

plasticgrammer

2020/11/12 06:49

angularですか。タグがReact.jsになっているので直したほうが良いかと思います。また、当方angularに詳しくはないのですが、「angular modal」で検索しても、記載のような利用をするコードはでてきませんでした。再確認ですが、showModalという関数はangularの標準機能として存在するものでしょうか？それとも他のライブラリのものでしょうか？

miyabi_pudding

2020/11/12 07:13 編集

まず、React.jsの質問タグは外しましょう。そして、本当にAngularですか？ AngularJSではないでしょうか？両者はバージョン違いですが、互換性はありませんので、かなり話が変わってしまいます。（Angularの場合は質問のコードのような、フレームワーク外のJavaScript構文はそう簡単に入れれない）

退会済みユーザー

2020/11/12 07:23

知識不足で申し訳ございません。 AngularJSです。タグ修正します。