MonacaでOnsenUIを使ってPushPageしたページからダイアログを表示したい

前提・実現したいこと

実現したいこと：Monacaを使用してPushPageしたページのボタンを押したときにダイアログが表示されるようにしたい。(showReviewのons-pageからreviewDialogを表示したい。)
現状：showReview.htmlのons-pageは出力できるが、そのページのons-buttonをクリックしてもreviewDialogのダイアログが表示できない
エラーメッセージも出力されないので困っています。

該当のソースコード

HTML
1<script src="components/loader.js"></script>
2<script src="js_file/reviewProcess.js"></script>
3<body>
4<ons-template id="showReview.html">
5  <ons-page id="reviewPage">
6    <ons-toolbar>
7        <div class="left">
8            <ons-back-button>戻る</ons-back-button>
9        </div>
10        <div class="center" id="reviewName"></div>
11    </ons-toolbar>
12    <ons-button modifier="cta" onclick="showReviewDialog();" >レビューを投稿する
13</ons-page>
14</ons-template>
15
16<ons-dialog id="reviewDialog" cancelable>
17    <ons-toolbar>
18      <div class="center">レビュー投稿</div>
19    </ons-toolbar>
20    <center>
21      <p>
22        レビュー
23      </p>
24      <input type="radio" name="example" value="選択肢1">選択肢1
25    </center>
26</ons-dialog>
27</body>
28

JavaScript
1ons.bootstrap();
2
3//レビューダイアログの表示
4function showReviewDialog(){
5var test = document.getElementById("reviewDialog")
6test.show();
7console.log("test")
8};

試したこと

console.log("test")は表示されるので関数自体は実行できているはずです。
また、以下のようにons-page内にons-dialogを入れ込んだ場合、なぜかons-button内部にons-dialogが表示されてしまいました。

html
1<body>
2<ons-template id="showReview.html">
3  <ons-page id="reviewPage">
4    <ons-button modifier="cta" onclick="showReviewDialog();" >レビューを投稿する
5
6<ons-dialog id="reviewDialog" cancelable>
7    <ons-toolbar>
8      <div class="center">レビュー投稿</div>
9    </ons-toolbar>
10    <center>
11      <p>
12        レビュー
13      </p>
14      <input type="radio" name="example" value="選択肢1">選択肢1
15    </center>
16</ons-dialog>
17</ons-page>
18</ons-template>
19</body>

補足情報（FW/ツールのバージョンなど）

Angular 1.8.0
OnsenUI 2.10.10

行動規範の内容に同意します

回答1件

自己解決

ons-buttonをタブでとじ損ねていました。「試したこと」内のons-buttonを閉じれば意図した動作になりました。

Html
1<body>
2<ons-template id="showReview.html">
3  <ons-page id="reviewPage">
4    <ons-button modifier="cta" onclick="showReviewDialog();" >レビューを投稿する
5    //タブでとじる
6　　</ons-button>
7
8<ons-dialog id="reviewDialog" cancelable>
9    <ons-toolbar>
10      <div class="center">レビュー投稿</div>
11    </ons-toolbar>
12    <center>
13      <p>
14        レビュー
15      </p>
16      <input type="radio" name="example" value="選択肢1">選択肢1
17    </center>
18</ons-dialog>
19</ons-page>
20</ons-template>
21</body>