1.ionic中模态窗口($ionicModal)和弹出窗口($ionicPopup)同用时。
存在的问题:点击弹出窗口的遮罩处(即为弹出窗口后面的灰黑色背景),会关闭模态窗口
解决的办法:
$ionicModal.fromTemplateUrl("my-modal.html", {
scope: $scope,
animation: "slide-in-up",
backdropClickToClose : false
}).then(function(modal) {
$scope.modal = modal;
});
如上的红色字,在该处加入属性backdropClickToClose=false.
2.rule()
如果想越过任何URL的匹配或者在其他路由前做路由修改,则可以使用rule()函数。在使用它的时候必须返回一个合法的代表路径的字符串。
app.config(function($urlRouterProvider){ $urlRouterProvider.rule( function($injector, $location) { return '/index'; }); })
3. onEnter,onExit 回调函数
当应用进入或者离开当前状态的视图时会调用这两个函数。这两个函数可以访问预载入的数据。这两个回调函数使开发者可以根据状态改变来采取某些动作,例如在用户要离开时可以弹出对话框‘你确定吗?’以及防止意外操作等。
实际应用:
angular.module('myApp', ['ionic'])
.config(function($stateProvider) {
$stateProvider
.state('index', {
url: '/',
templateUrl: 'index.html'
})
.state('destination', {
url: '/destination',
templateUrl: 'partials/destination.html'
},
onEnter: function() {
console.log("Where in the onEnter callback")
})
.state('summary', {
url: '/summary',
templateUrl: 'partials/summary.html'
});
});
4.字符串模板的使用($interpolate)
4.1 普通模板使用
<pre name="code" class="javascript">angular.module('myApp', []).controller('myCtrl', function($scope, $interpolate){
var date = {name:'张三', age:20};
var date1 = {name:'李四', age:21};
var temp = $interpolate('测试模板一,用户姓名:{{name}},年龄:{{age}}');
console.log(temp(date));
console.log(temp(date1));
});
最后的结果为:
测试模板一,用户:张三,年龄:20
测试模板一,用户:李四,年龄:21
还可以对于动态参数使用过滤器,例如为名字加上过滤器{{name | 过滤器名称}}
4.2 .字符串模板配置
<pre name="code" class="javascript">angular.module('myApp',[]).config('$interpolateProvide', function($interpolateProvide){
$interpolateProvide.startSymbol('~~');
$interpolateProvide.endSymbol('~~');
}).factory('mySve',['$interpolate', function($interpolate){
return {
parse:function(text,paramObj){
var temp =$interpolate(text);
return temp(paramObj);
}
};
}]);
使用:引入mySve服务后,调用mySve.parse('测试一:姓名~~name~~,年龄~~age~~', {name:'张三', age:20});
结果:测试一:姓名张三,年龄20.
注:以上有些问题为群中见到,以作记录。另欢迎大家一起来讨论,完善