버튼 클릭시 모달 뷰를 여는 방법은 무엇입니까?

Question

버튼 클릭시 모달 뷰를 열고 싶습니다.

이것은 내 버튼이 있고이 버튼을 iclick하면 다른 HTML 파일에있는 모달보기를 열 수 있습니다.

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

이것은 내 모달 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>