我一直关注离子框架文档尝试在按钮上单击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>
函数但没有帮助。
代码有什么问题吗?我该如何解决这个问题?
答案 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;
});
这有帮助吗?