ボタンクリックでモーダルビューを開く方法は？

Question

ボタンクリックでモーダルビューを開きたい。

これは私のボタンがあり、このボタンをiiclickすると私は別のhtmlファイルにあるモーダルビューを開くことができます。

これは私のモーダルのhtmlコードです。

<ion-modal-view> 
    <ion-header-bar class="bar bar-header bar-positive"> 
     <h1 class="title">New Contact</h1> 
     <button class="button button-clear button-primary" ng-click="modal.hide()">Cancel</button> 
    </ion-header-bar> 
    <ion-content class="padding"> 
     <div class="list"> 
     <label class="item item-input"> 
      <span class="input-label">First Name</span> 
      <input ng-model="newUser.firstName" type="text"> 
     </label> 
     <label class="item item-input"> 
      <span class="input-label">Last Name</span> 
      <input ng-model="newUser.lastName" type="text"> 
     </label> 
     <label class="item item-input"> 
      <span class="input-label">Email</span> 
      <input ng-model="newUser.email" type="text"> 
     </label> 
     <button class="button button-full button-positive" ng-click="createContact(newUser)">Create</button> 
     </div> 
    </ion-content> 
    </ion-modal-view> 

動作しません。コントローラに機能を追加する必要がありますか？ 私に助言してください。

Answer 1

は、それが動作していないHtmlの

<ion-view > 
<ion-content> 
<div id="map" data-tap-disabled="true"></div> 
<div id = "map-list" > 
<button ng-click="showModal()">show modal</button> 
</div> 
</ion-content> 
</ion-view>