启动时禁用离子滑动
disable ion-slide at startup
本文关键字:启动 更新时间:2023-09-26
是否可以在启动时禁用幻灯片功能,同时我仍然能够设置自己的活动页面?
在HTML
中,我发现这是可行的<ion-slide-box active-page="disableSlide()">
<ion-slide>Slide 1</ion-slide>
<ion-slide ng-click="previous()">Slide 2</ion-slide>
<ion-slide>Slide 3</ion-slide>
</ion-slide-box>
在JavaScript中,
$scope.disableSlide = function(){
$ionicSlideBoxDelegate.enableSlide(false);
return 1;
}
$scope.previous = function(){
$ionicSlideBoxDelegate.previous();
}
但是当我点击previous时,我得到了这个错误
Error: [$compile:nonassign] Expression 'disableSlide()' used with directive 'ionSlideBox' is non-assignable!
这里的Demo, http://codepen.io/anon/pen/Bodqor
请帮帮我,谢谢。
<ion-slide-box>
没有active-page
属性,您可以在文档中看到。
你得到这个错误是因为你已经禁用了滑动条:
$ionicSlideBoxDelegate.enableSlide(false);
但是你仍然想用ng-click
来改变幻灯片。
如果你想在显示视图时禁用滑块,你可以使用$ionicSlideBoxDelegate.enableSlide(false);
,但你最好把它包装在一个函数中:
function changeSlideStatus()
{
$scope.slideEnabled = !$scope.slideEnabled;
$scope.slideStatusTest = $scope.slideEnabled ? "Enabled" : "Disabled";
$ionicSlideBoxDelegate.enableSlide($scope.slideEnabled);
}
$scope.slideEnabled
是一个布尔属性,用来定义状态
当导航进入你的视图时,你可以改变状态:
$scope.$on('$ionicView.enter', function(){
changeSlideStatus();
});
你可以玩这个Plunker。在标题中,你可以禁用/启用滑块,只需调用changeSlideStatus();
:
<ion-nav-buttons side="left">
<button class="button button-positive"
ng-click="changeStatus()">
{{slideStatusTest}}
</button>
</ion-nav-buttons>
PS: It started disabled.
相关文章:
- 我的jQuery插件参数没有正确启动,遇到了问题
- chrome扩展:尽管运行了at:documentidle,js脚本还是过早启动
- 从控制器返回后Ajax启动事件激发
- Meteor上的启动页面
- 如何防止网页加载后自动启动功能
- 如何从JavaScriptInterface启动Navigation Drawer
- window.on.scroll事件未启动
- 单击按钮后启动javascript提示
- 在javaservlet doPost方法中启动线程时,无法返回异常消息
- spine.js在启动时填充模型实例
- 如何在所有ng点击事件AngularJS上启动一个方法
- jQuery悬停在没有鼠标悬停的情况下启动
- SignalR客户端启动连接时如何设置用户
- Meteor:在启动时将html注入客户端文件
- Angular UI启动日期选择器问题
- 如何用低音量自动启动Youtube视频(iframe)
- jQuery mouseup在拖离链接后未启动
- 在同一选项卡中启动下载,而无需在Javascript中打开新选项卡或窗口
- 为什么我的控制器没有启动函数.js脚本
- 触摸启动事件未在iframe iOS 6中启动