直接上代码了,html如下:
<dd ng-repeat="x in testCheckData">
<input type="checkbox" ng-checked="isChecked(x.id)" ng-click="updateMyCheck($event,x.id)">{{x.name}}
</dd>
<dt>已选:{{choosedId}}</dt>
<input type="button" ng-click="chooseAll()" value="全选">
<input ty...
浏览器的同源策略:它是由Netscape提出的一个著名的安全策略,现在所有支持JavaScript 的浏览器都会使用这个策略。
它限制从一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的关键的安全机制。
一、源的定义
如果协议,端口(如果指定了一个)和域名对于两个页面是相同的,则两个页面具有相同的源。
下表给出了相对http://aa.example.com/page.html同源检测的示例:
URL
结果
原因
...
很多web服务面对的不仅仅是当地用户,多语言环境不仅能提升逼格,更重要是一种用户体验。
angularJS作为前后端拆分的解决方案之一,当然离不开前端框架处理国际化的问题,angularJS官方出了一个模块angular-translate来解决多语言国际化问题。
官方网站 / GitHub / Docs
栗子如下,先引入必备文件
<script type="text/javascript" src="yourpath/angular.min.js"></script>
<script type="text/javascript" src="you...
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<dd>姓名:<input type="text" id="name"></dd>
<dd>电话:<input type="text" id="phone"></dd>
<dd>内容:<textarea id="c...
无限滚动(Infinite Scroll)也称为自动分页、滚动分页和无限分页。常用在图片、文章或其它列表形式的网页中,用来在滚动网页到页面底部的时候自动加载下一页的内容。
这种形式最早由twitter使用,后来必应图片搜索、谷歌图片搜索、google reader等纷纷采用了这一项技术,于是靠滚动浏览器滚动条来翻页的技术慢慢在互联网上遍站开花。该技术非常适合移动端的数据自动加载。
ngInfiniteScroll是用于AngularJS的无限滚动控件,特点是简单易用,是angularjs社区里应用最为广泛的”触底加载”控件。
官方网站 / ...
ocLazyLoad
Lazy load modules & components in AngularJS
代码库:https://github.com/ocombe/ocLazyLoad
壹、特性
Dependencies are automatically loaded
Debugger friendly (no eval code)
The ability to mix normal boot and load on demand
Load via the service or the directive
Use the embedded ...
angular-local-storage
An Angular module that gives you access to the browsers local storage
一个能够让你访问浏览器本地数据存储(localStorage、sessionStorage、cookies)的angular模块
代码库:https://github.com/grevory/angular-local-storage
bootcdn:http://www.bootcdn.cn/angular-local-storage/
...
angulartics是专供angular应用使用的分析组件,支持多个第三方分析平台(包括谷歌、百度等)。
代码库:https://github.com/angulartics/angulartics
壹、谷歌统计
使用angulartics-google-analytics插件(基于angulartics的谷歌分析组件)
代码库:https://github.com/angulartics/angulartics-google-analytics
bootcdn:http://www.bootcdn.cn/an...
壹、html结构
<input type="text" ng-model="orderForm.name">
<input type="file" style="display:none" custom-on-change="chooseOrderImage" name="orderImage" accept="image/jpg,image/jpeg,image/png,image/gif"/>
<div ng-click="doClickMyInput()">
<img ng-if="!haveChange" ng-src="i...