风中亮出年轻的旗
- 浏览: 4428 次
- 性别:
-
最新评论
文章列表
使用AngularJS进行表单验证
- 博客分类：
- AngularJS
<form name="myForm" ng-submit="addForm()" novalidate>
<div class="form-group">
<label>名称</label>
<input type="text" name="userName" placeHolder="名称" ng-minlength="3"
...
解决Carousel中图片变形的问题
- 博客分类：
- BootStrap
造成变形的原因：轮换插件中的图片使用的文章中的第一张图片，图片的大小不一，而轮播插件的大小基本是固定的，所以展示的时候图片出现了变形。
解决方法：引入Jqthumb.js
Jqthumb插件是专门用来为图片生成缩略图的，它可以从图片中的任何坐标点开始取指定大小的图片区域作为图片的缩略图。链接：https://github.com/pakcheong/jqthumb
在图片加载的时候调用DrawImage()来生成缩略图
DrawImage()函数是基于jqthumb.js库的，注意该函数一定要写在轮换插件前，因为我们必须在图片加载前生成缩略图。
DrawImage()函数代码如下：
functi ...
关于$location服务
- 博客分类：
- AngularJS
$location服务是对所有浏览器中都存在的window.location对象的封装。
window.location与$location服务的不同：
告别全局变量：全局变量对测试、维护以及使用都很麻烦，$location服务将会屏蔽这种污染；单元测试的时候，可以利用$location服务注入假数据
API：window.location提供的是字符串形式的信息，而$location可以提供一些更加好用的jQuery风格的getter和setter，可以用简洁的方式来使用这个对象
AngularJS集成：使用window.location，当其中的内容发生变化时，需要自 ...
complie和link函数
- 博客分类：
- AngularJS
指令中的compile和link函数的主要不同点在于，compile函数用来对模板自身进行转换，而link函数负责在模型和视图之间进行动态关联。作用域在链接阶段才会被绑定到编译之后的link函数上，然后再通过数据绑定技术，指令就变成了动态的
处于性能方面的考虑，这两个阶段是分开处理的。compile函数仅仅在编译阶段运行一次，而link函数会执行很多次——对于指令的每个实例，link函数都会执行一次
替换模板时，如果使用Chrome浏览器，“同源策略”将会组织Chrome从file://中加载模板，并显示一个错误："Access-Control-Allow-Origin不允许源为null"。有两种方法可以解决这一问题。
从web服务器加载应用
给Chrome设置一个标志。需要从命令行运行Chrome,命令为:chrome --allow-file-access-from-files
1、先定义一个空数组
$scope.selected = [];
2、把选中的那条数据push到数组中
$scope.selected.push(Item.Id);
3、ng-checked根据数据索引返回的boolean进行判断是否显示并判断显示哪一条
$scope.isSelected = function(id){
return $scope.selected.indexOf(id) >= 0;
}
通过onkeypress事件是输不上任何非数字字符
<input type="text" onkeypress="return event.keyCode>=48&&event.keyCode<=57" />
通过onkeyup事件是输上后再去掉非数字字符
<input type="text" onkeyup="value=value.replace(/[^\d]/g,'') ">
通过onkeypress事件只能输入数字或小数
<input type=&q ...