angular学习
Zach-vip
学无止境!!!
展开
-
angularJS如何让控制器与控制器进行通信,个人理解。
子–>父:$emitevent传播过程是这样的:子scope中的控制器通过 $scope.$emit 注册一个向上传播的事件该事件会经过每一层的父scope,但是每一层父scope不会去处理如果要处理,就在想要处理的父scope中使用 $scope.$on 监听,就好了DEMO:HTML: JS Bin原创 2016-05-24 10:12:00 · 557 阅读 · 0 评论 -
AngularJS的学习--$on、$emit和$broadcast的使用
$emit只能向parent controller传递event与data$broadcast只能向child controller传递event与data$on用于接收event与data例子如下html代码div ng-controller="ParentCtrl"> 父级--> div ng-controller="SelfCtrl"翻译 2016-04-21 12:07:55 · 367 阅读 · 0 评论 -
angularJs $apply
Scope的特性 接下来,看看Scope有哪些特性呢?Scope提供$watch方法监视Model的变化。Scope提供$apply方法传播Model的变化。Scope可以继承,用来隔离不同的application components和属性访问权限。Scope为Expressions的计算提供上下文。 对于这四点特性,因为我之前学习过ActionScript、C翻译 2016-08-26 12:26:16 · 294 阅读 · 0 评论 -
AngularJS》5个实例详解Directive(指令)机制
1.一点小说明 指令的作用:实现语义化标签 我们常用的HTML标签是这样的: 一点点内容 而使用AngularJS的directive(指令)机制,我们可以实现这样的东西: 子面板1 子面板2 很多人可能要惊呼,这货和JSP或者Struts等等框架里面的taglib很像啊!转载 2016-04-24 16:18:01 · 534 阅读 · 0 评论 -
谈谈AngularJS中的一次性数据绑定
AngularJS 1.3版本正式发布,其中添加了很多的性特性,同时也对之前的一些bug做了修复,最重要的是其中包含一些突破性的变化。其中最重要的一项就是添加了一次性数据绑定。等等,一次性数据绑定?这听起来似乎和AngularJS一直宣扬的双向数据绑定思想完全背离了吗?当然,AngularJS的双向数据绑定一直是AngularJS最重要的特性之一。然而,为了实现双向数据绑定,AngularJS需要翻译 2016-04-21 18:01:21 · 4043 阅读 · 0 评论 -
AngularJs ui-router 路由的简单介绍
那么有人就会问:为什么Angular有了自带的路由,我们还需要用ui-router呢?这里简单明了的说明下ngRoute和ui-router的区别吧,其实也没很大的区别,主要的就是ngRoute针对于单视图,而ui-router可用于多视图(这里说的视图是指在页面内我们可控制的,可变化的区域)。比如我们点击了一个link,我们需要在视图中跳转到指定的一个页面,那么ngRoute已经转载 2016-04-21 16:17:11 · 1723 阅读 · 0 评论 -
moment.js
大家在前端Javascript开发中会遇到处理日期时间的问题,经常会拿来一大堆处理函数才能完成一个简单的日期时间显示效果。今天我给大家介绍一个轻量级的Javascript日期处理类库:moment.js,使用它可以轻松解决前端开发中遇到的种种日期时间问题。moment.js不依赖任何第三方库,支持字符串、Date、时间戳以及数组等格式,可以像PHP的date()函数一样,格式化日期时间,计翻译 2016-04-21 12:52:29 · 615 阅读 · 0 评论 -
Angular.js中使用$watch监听模型变化
$watch简单使用$watch是一个scope函数,用于监听模型变化,当你的模型部分发生变化时它会通知你。$watch(watchExpression, listener, objectEquality);每个参数的说明如下:watchExpression:监听的对象,它可以是一个angular表达式如'name',或函数如function()翻译 2016-04-21 12:23:08 · 903 阅读 · 0 评论 -
AngularJS学习笔记之基本指令(init、repeat)
AngularJS学习笔记之基本指令(init、repeat)?1234567891011121314151617181920212223242526翻译 2016-04-21 11:18:01 · 518 阅读 · 0 评论 -
AngularJS控制器controller如何通信?
关于控制器如何通信的问题,是不少刚接触angulr的同学想知道的。总的来说,angular控制器通信的方式有三种:1,利用作用域继承的方式。即子控制器继承父控制器中的内容2,基于事件的方式。即$on,$emit,$boardcast这三种方式3,服务方式。写一个服务的单例然后通过注入来使用利用作用域的继承方式由于作用域的继承是基于js的原型继承方式,所以这里分为翻译 2016-05-13 18:57:24 · 331 阅读 · 0 评论 -
AngularJS指令开发(1)——参数详解
指令,很重要AngularJS与JQuery最大的区别在哪里?我认为,表现在数据双向绑定,实质就是DOM的操作形式不一样。JQuery通过选择器找到DOM元素,再赋予元素的行为;而AngularJS则是,将指令与DOM绑定在一起,再扩展指令的行为。所以AngularJS开发最理想的结果就是,在页面HTML与CSS的设计时,设计工程师只需要关注指令的使用;而在转载 2016-05-12 16:35:14 · 347 阅读 · 0 评论 -
angularjs结合localstorage完成一个简单的备忘录
准备工作用bower安装需要的js:bower install angularbower install angular-local-storagehtml中引用bower_components下对应的js文件:说明:npm也可以,直接下载相应js文件或者用cdn也是ok的…通过angularjs Directive扩展index.htmlan翻译 2016-04-17 18:22:12 · 6661 阅读 · 2 评论 -
angular的学习
第一天从公司的后台,转到前端框架的使用。原创 2016-04-17 16:42:33 · 466 阅读 · 1 评论 -
为什么我们的 Angular 应用总是很慢
AngularJS 作为 Google 开源的 JS 前端框架最近一直很火。 在 html 中加上几个标签, 根据格式写几句 javascript 代码, 一个单页应用就总跑起来了。其方便的上手体验, 双向数据绑定等特性给了很多前端开发者很好的亲切感。 而然随着大家逐渐用 angular 开始开发稍大一点的项目,发现做出来的应用总是非常慢,这完全颠覆了 angular 上来时给我们描绘的美好画面。转载 2017-03-03 13:55:21 · 11420 阅读 · 0 评论