离子模型显示和隐藏不工作

时间:2015-08-08 12:24:34

标签: ionic

我一直关注离子框架文档尝试在按钮上单击http://ionicframework.com/docs/api/service/ $ ionicModal实现离子模态。 但是在按钮点击时根本不起作用。我几乎阅读了所有帖子和建议,但它只是不起作用。

我能指点一下这里可能出错的方向吗? modal.html:

main.cpp:15:55: error: template argument for non-type template parameter must be an expression

using type = typename selector<std::tuple<Ts...>, Indices>::type; // fails

                                                  ^~~~~~~

main.cpp:5:38: note: template parameter is declared here

template <typename T, std::size_t... Is>

控制器:

  <ion-modal-view>
    <ion-header-bar>
      <h1 class="title">Edit Contact</h1>
    </ion-header-bar>
    <ion-content>
      <div class="list">
        <label class="item item-input">
          <span class="input-label">Name</span>
          <input type="text" ng-model="contact.name">
        </label>
        <label class="item item-input">
          <span class="input-label">Info</span>
          <input type="text" ng-model="contact.info">
        </label>
      </div>
      <button class="button button-full button-energized" ng-click="closeModal()">Done</button>
    </ion-content>
  </ion-modal-view>

我在点击按钮时调用它:

.controller('HomeTabCtrl', function($scope, $ionicModal) {
  console.log('HomeTabCtrl');
 $ionicModal.fromTemplateUrl('templates/modal.html', {
    scope: $scope
  }).then(function(modal) {
    $scope.modal = modal;
  });

  $scope.openModal = function(){
    $scope.modal.show();
  }


})

我试过调用modal.show()而不是<ion-view view-title="Facts" ng-controller="HomeTabCtrl"> <ion-content class="padding"> <div class="buttons" ng-controller="HomeTabCtrl"> <button class="button button-icon ion-compose" ng-click="openModal()"> </button> </div>n </ion-content> </ion-view> 函数但没有帮助。 代码有什么问题吗?我该如何解决这个问题?

1 个答案:

答案 0 :(得分:0)

我将<ion-modal-view>标记和html包装在脚本标记中:

<script id="my-modal.html" type="text/ng-template">
<ion-modal-view>
....
</ion-modal-view>
</script>

然后使用控制器中的脚本ID:

 $ionicModal.fromTemplateUrl('my-modal.html', {
    scope: $scope,
    animation: 'slide-in-up'
}).then(function (modal) {
    $scope.modal = modal;
});

这有帮助吗?