本文实例讲述了AngularJS指令中的绑定策略。分享给大家供大家参考，具体如下：在前面的文章中，我们知道了指令如何生成独立的scope，这一节中我们来仔细研究一下scope中的绑定策略。总体来说scope的绑定策略分为3种：（1）@ : 绑定字符串（2）=： 与父控制器进行双向绑定（3）&：用于调用父scope中的函数1.基础方式<test word="{{wordCtrl}}"></test> app.controller(myController1,[$scope,function($scope){$scope.wordCtrl="h...
本文实例分析了AngularJS用户选择器指令。分享给大家供大家参考，具体如下：在开发表单时，我们需要使用经常需要使用到用户选择器，用户的数据一般使用如下方式存储：用户1,用户2,用户3我们可以使用angular指令实现选择器。<!DOCTYPE html> <html ng-app="app"> <head><meta charset="UTF-8"><meta http-equiv="content-type" content="text/html; charset=utf-8" /><script src="../assets/js/angular.min.js"></script><link rel...
本文实例讲述了AngularJS动态加载模块和依赖的方法。分享给大家供大家参考，具体如下：前言由于AngularJS是单页面应用框架，在正常的情况下，会在访问页面的时候将所有的CSS、JavaScript文件都加载进来。文件不多的时候，页面启动速度倒不会影响太多。但是一旦文件数太多或者加载的第三方库比较大的时候，就会影响页面启动速度。因此对于应用规模大、文件数比较多或者加载的第三方库比较大的时候，采用动态加载JS或者动态加载模块会...
本文实例讲述了Angularjs的Controller间通信机制。分享给大家供大家参考，具体如下：在Angularjs开发一些经验总结中提到我们需要按照业务区分angular controller，避免过大无所不能的上帝controller，我们把controller分离开了，但是有时候我们需要在controller中通信，一般为比较简单的通信机制，告诉同伴controller我的某个你所关心的东西改变了，怎么办？如果你是一个javascript程序员你会很自然的想到异步回调响应式通信—事件...
本文实例讲述了AngularJS压缩JS的操作技巧。分享给大家供大家参考，具体如下：大多数web项目在发布时候都会对js代码进行压缩，目的是为了减少js文件的大小，节省一点流量。它的原理很简单，就是对参数及部分变量名和函数进行重命名。但是这种工作方式在AngularJS的应用中会有例外。由于AngularJS的依赖注入是根据参数名进行注入的，显然，对参数进行重命名会破坏这个机制。如果不进行特殊处理，进行压缩（minify）之后，在执行时将...
本文实例讲述了AngularJS变量及过滤器Filter用法。分享给大家供大家参考，具体如下：1. 关于部分变量的操作设置变量：ng-init="hour=14" //设置hour变量在DOM中 使用data-ng-init 更好些 $scope.hour = 14; //设置hour变量在js中 使用变量：(1) 如果是在DOM 相关的 ng-*** 属性里 直接写变量名如：<p ng-show="hour > 13">I am visible.</p> (2) 如果是在控制器HTML 中但是不在 ng属性里使用{{变量名}}如：{{hour}} (3) 当然...
本文实例讲述了AngularJS中指令的四种基本形式。分享给大家供大家参考，具体如下：指令的四种基本形式中，注意注释型指令 M 的使用方法是 <!-- directive:指令名称 --> 注意左右俩测必须有空格才会正常识别所有指令是可以相互组合 的，不写restrict ，将会默认为A属性 指令要支持IE8 浏览器 一般最好将指令设置为属性<!doctype html> <html ng-app="myapp"><head><meta charset="utf-8"/></head><body><elementtag>E</elementtag...
本文实例讲述了AngularJS中一般函数参数传递用法。分享给大家供大家参考，具体如下：1. 模型参数直接使用变量名，不要加引号<!doctype html> <html ng-app="passAter"><head><meta charset="utf-8"/></head><body><div ng-controller="passCtrl"><input type="text" ng-model="value"/><button ng-click="alertfun(value)">click</button></div></body><script src="./js/angular.min.js"></script><script>angular.module(passAte...
$compile，在Angular中即“编译”服务，它涉及到Angular应用的“编译”和“链接”两个阶段，根据从DOM树遍历Angular的根节点（ng-app）和已构造完毕的 \$rootScope对象，依次解析根节点后代，根据多种条件查找指令，并完成每个指令相关的操作（如指令的作用域，控制器绑定以及transclude等），最终返回每个指令的链接函数，并将所有指令的链接函数合成为一个处理后的链接函数，返回给Angluar的bootstrap模块，最终启动整个应用程序...
概览 这一节解释了AngularJS初始化的过程，以及需要的时候你该如何修改AngularJS的初始化。 AngularJS的 标签 这个示例展示了我们推荐的整合AngularJS的方法，它被称之为“自动初始化”。代码如下:...formatDate 1.将上面代码中的script标签放在页面的底部。将script标签放在底部缩短应用加载的时间，因为这样HTML的加载不会被angular.js脚本的加载阻塞。你可以从http://code.angularjs.org获得最新的版本。请不要在你的代码里面引...
最近一段时间一直在看AngularJS，趁着一点时间总结一下。 官网地址：http://angularjs.org/ 先推荐几个教程 1. AngularJS入门教程 比较基础，是官方Tutorial的翻译。 2. 七步从AngularJS菜鸟到专家 也比较基础，制作了一个在线音乐播放网站。 3. AngularJS开发指南 这个教程比较全面，但我感觉翻译的有些晦涩难懂。 看过这些教程后，觉得AngularJS也懂一点了，就想用它干点事，就分析一下AngularJS写的todomvc吧。 Todomvc官网地址...
很多时候我们需要用ajax提交post数据，angularjs与jq类似，也有封装好的post。 但是jQuery的post明显比angularjs的要简单一些，人性化一些。 AngularJS：代码如下: $http.post(do-submit.php,myData) .success(function(){// some code });jQuery：代码如下: $.post(do-submit.php, myData, function() {// some code });看起来没什么区别吧？可是，用angularjs的$http提交的数据，在php服务器端却无法通过$_REQUEST/$_POST获取到，...
在AngularJS出现之前，很多开发者就面对了表单提交这一问题。由于提交表单的方式繁杂而不同，很容易令人疯掉……然而现在看来，依然会让人疯掉。 今天，我们会看一下过去使用PHP方式提交的表单，现在如何将其转换为使用Angular提交。使用Angular来处理表单，对我而言，是一个“啊哈”时刻（译者：表示了解或发现某事物的喜悦）。即使它甚至都没有涉及多少Angular表层的东西，但是它却帮助用户看到表单提交之后的潜力，并且理解两种...
本文实例讲述了AngularJs中$cookies简单用法。分享给大家供大家参考，具体如下： 首先导入angular-cookies.js 在App 中require模块ngCookies： angular.module("app",[ngCookies]);使用格式：$cookies.变量名 = 变量值 不能使用： $cookies.变量名 = { 变量名1： 变量值， 变量名2： 变量名， ............. }因为这样使用：$cookies.变量名.变量名1的方式就不被识别 cookies存储少量数据 cookieStore采用key-value(String-object)...
本文实例讲述了AngularJS实现动态切换样式的方法。分享给大家供大家参考，具体如下： AngularJS相比原生的js或者jquery有着很大不同，对于一个简单的鼠标点击不同选项，动态切换样式该怎么实现呢。 本文实现的是点击某个标题，标题字体加粗，并随之切换相应的div内容，如下（点击推荐或热点）Ok.，实现过程 1. html代码 <!--推荐或热点标题--> <div class="comTitStyle"><div><a ng-click="titleClick(0)" ng-class="{selected:foc...