Javascript 使用离子模式会产生空白黑屏

我正在爱奥尼亚框架下制作一个应用程序

当我点击按说要打开ionicModal的按钮时，会显示一个空白的黑屏

html代码：

<div class="well">
<h4>Add Proof</h4>
<button style="width:100px;height:10px" class="button button-dark" ng-click="modal.show()">Add</button>
</div>
<script id="templates/newItem.html" type="text/ng-template">
  <ion-modal-view>
    <ion-header-bar class="bar bar-header bar-positive">
      <h1 class="title">Add Proof</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> 
            <h4>Select from Pictures</h4> 
            <button class="button button-small button-dark">Browse</button>  
        </label>

        <label class="item item-input">
        <input type = "text" placeholder="Description">
        </label>

      </div>
    </ion-content>
  </ion-modal-view>
</script>

---

我的代码有什么问题？

如果index.html文件包含

<link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css">

---

删除它。

在我创建的这个示例中，您的代码似乎很好。这是另外一回事。控制台中是否有错误？控制台中没有错误这是因为bootstrap.css中的.model类在显示时设置了eliment:无，因此您可以简单地修改引导（只需删除模型）。

<link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css">