Angular

angular的指令

=和&与@差不多,只不过=进行的是双向的数据绑定,不论模板还是父作用域上的属性的值发生改变都会使另一个值发生改变,而&是绑定函数而已。

AngularJS 0006:控制器

AngularJS控制器主要控制程序数据交互,用ng-controller来实现。结果由前面的只是我们来看这段代码,ng-app定义了一个AngularJS应用程序,这个应用程序在内运行。ng-controller="myCtrl"是一个AngularJS指令,定义了一个控制器。在JS中myCtrl是一个函数,函数中使用$scope对象来调用控制器,一般$scope是一个应用对象。控制器的$scope用来保存AngularJSModel(模型)的对象。ng-model指令绑定输入域到控制器的属性(card

wamp服务器的配置和angularjs中get…

具体做法是左键点击右下角的wamp图标,然后找到Apache下的httpd.conf文件,用你的编辑器打开,找到里面的Listen:80,将80改成8080或者其他端口。然后保存重启wamp就可以了,图标绿色就可以了。下面说一下angularjs某个版本中的get方法无法调用的问题,这不知道是我的原因还是它的原因,我下载的版本在Ajax发起请求时弹出$http.get(...)...isnotafunction.找了好久也没找到错误。bootstrap和angular结合实现数据双向绑定。

AngularJS开发环境搭建,出hello word

系列中包含gulp、bower、sass极angular中的指令、服务、过滤器、拦截器的使用,我们使用sublimetext3作为开发编辑器。gulp、bower和sass安装如果使用过gulp和bower的同学可以跳过下面的文字到下一步。下面我们来简单介绍下如何安装:安装nodejs:https://nodejs.org/en/download/sass则需要安装ruby环境:http://www.w3cplus.com/sassguide/install.html安装好之后命令行执行:11npm-v1

AngularJS动画二

一、官方给的ngAnimate库的使用演示地址:http://augus.github.io/ngAnimate/源代码地址:https://github.com/Augus/ngAnimate二、完整的AngularJS动画+路由实例路由配置动态加载视图和控制器1.主页引用:HTML:js:2.Home页视图:controller:3.about页视图:controller:其他省略。显示结果:

angularjs select 选择默认显示空白以及第一行空白的解决方法

最近需要加个select功能,以前是直接暴力写个--请选择--这样就可以默认显示这个选项了,但是这样做的效果还是不够好。就像我现在需求,默认显示就是要指定其中一个选项而不是这个多余的选项,下面是解决的代码。主要的问题就是ng-init这个的内容。默认初始化选中的那个为遍历的数组下标为0的那个。而默认显示的内容则是country.name这个值。我在ng-model的值跟ng-init里的值都是countrys,这样就不会说搞错对象了。

Angular2 之 Form 表单

每个input元素都有name属性,Angular表单用它注册控件。当Angular在表单中看到[]的绑定目标时,它会期待这个x指令有一个名为x的输入属性,和一个名为xChange的输出属性。之前没有添加过NgForm指令啊!Angular自动创建了NgForm指令,并把它附加到标签。NgForm指令为form元素扩充了额外的特性。Model-Driven-Forms有时候手动编写和维护表单所需工作量和时间会过大。响应式表单属于另外一个叫做ReactiveFormsModule的NgModule,所以,为

Angular2 之 属性型指令

绑定宿主元素的事件,事件绑定的时候捕捉到这个事件源$event。Angular指令可分为三种组件属性型指令结构型指令今天来学习一下属性型指令。属性型指令用于改变一个DOM元素的外观或行为。创建一个属性型指令–初级应用自己创建属性型指令的必要条件:import语句指定了从Angular的core库导入的一些符号。Input将数据从绑定表达式传达到指令中。指令的选择器是[myHighlight],Angular将会在模板中找到所有带myHighlight属性的元素。@HostListener装饰器引用属性型指

Angular学习笔记(一)

第一篇,主要是资料地址及整理.1.Angular中文网站,很值得推荐,适合从0学起.在这里.2.Angular的GIT网站,主要是看上边的一些文档资料,也很有用,在这里,但中重点推荐命令行的说明,在这里,如果你英文实在太差,可以看这里,只是这里只讲了用到几个,不如官网说的更全.3.关于NODE加速,默认它走的国外的服务器,现在阿里已有了镜像,切换方式是执行下面的命令:加完了之后,就要说使用方法,其