随笔分类 -  angular

简单实现angular2组件双向绑定
摘要：直接献上代码父组件 子组件 简单说明： NG_VALUE_ACCESSOR 原文说明： Used to provide a ControlValueAccessor for form controls. 为ControlValueAccessor提供注入 ControlValueAccessor： 阅读全文
posted @ 2019-03-07 14:14 没事看看电影 阅读(289) 评论(0) 推荐(0)
angular2 ChangeDetectorRef (变化检测器的引用)手动控制组件的变化检测行为
摘要：Angular检测机制 监测到异步事件后是怎么判断是否需要更新视图呢？其实比较简单，Angular通过脏检查来判断是否需要更新视图。脏检查其实就是存储所有变量的值，每当可能有变量发生变化需要检查时，就将所有变量的旧值跟新值进行比较，不相等就说明检测到变化，需要更新对应视图。当然，实际情况肯定不是这么 阅读全文
posted @ 2019-02-22 15:41 没事看看电影 阅读(1542) 评论(0) 推荐(0)
Angular 2 Forward Reference （可用作获取父组件对象）
摘要：在项目中发现有同事在 PageHeaderComponent 中引用父组件 PageComponent 的对象，如下： 这种写法耦合其实不利于开发和维护，下面讲讲 forwardRef ： 原地址：https://segmentfault.com/a/1190000008626276 Angular 阅读全文
posted @ 2019-02-20 19:19 没事看看电影 阅读(542) 评论(0) 推荐(0)
《AngularJS》----$apply 与 $watch
摘要：在AngularJS的一些项目中，我们经常用到$apply 与 $watch ，这两个对象，这另个对象都依赖于$scope对象，其中，$apply应用与传播modle的变化，而$watch是用来监测model的变化，这与AngularJS中的双向数据绑定有很大的关系，下面我们探讨一下这两个对象的基本 阅读全文
posted @ 2018-02-27 14:38 没事看看电影 阅读(194) 评论(0) 推荐(0)
AngularJs表单校验
摘要：js代码（除了指令意外，没什么可用的，写出来只是为了，说一下mvc模式而已！） 阅读全文
posted @ 2018-02-27 13:39 没事看看电影 阅读(228) 评论(0) 推荐(0)
AngularJS中ng-class使用方法
摘要：有三种方法： 1、通过$scope绑定（不推荐） 2、通过对象数组绑定 3、通过key/value键值对绑定 实现方法： 1、通过$scope绑定（不推荐）： 2、通过对象数组绑定： 当isSelected为true时，增加selected样式；当isSelected为false时，增加unsele 阅读全文
posted @ 2018-02-13 16:08 没事看看电影 阅读(209) 评论(0) 推荐(0)
angularjs controller间的传值方法
摘要：AngularJS中的controller是个函数，用来向视图的作用域（$scope）添加额外的功能，我们用它来给作用域对象设置初始状态，并添加自定义行为。 当我们在创建新的控制器时，angularJS会帮我们生成并传递一个新的$scope对象给这个controller,在angularJS应用的中 阅读全文
posted @ 2018-02-11 09:59 没事看看电影 阅读(1207) 评论(0) 推荐(0)
angularJs 之ui-router
摘要：如何引用依赖angular-ui-router 当我们访问index.html/contacts时， 'contacts'状态将被激活，同时index.html中的ui-view将被'contacts.html'填充。或者，通过transitionTo('contacts')方法将状态转变到'con 阅读全文
posted @ 2018-02-09 16:40 没事看看电影 阅读(226) 评论(0) 推荐(0)
AngularJs $location 和 $window
摘要：$location $location服务解析浏览器地址中的url（基于window.location）并且使url在应用程序中可用。将地址栏中的网址的变化反映到$location服务和$location的变化反映到浏览器地址栏。 公开浏览器地址栏中的当前网址，这样就可以： 1.观察和监听网址。 2 阅读全文
posted @ 2018-02-09 14:18 没事看看电影 阅读(184) 评论(0) 推荐(0)
AngularJS——自定义服务详解(factory、service、provider)
摘要：1. factory方式创建的服务，作用就是返回一个有属性有方法的对象。相当于：var f = myFactory(); 在自定义服务里注入服务示例，但不能注入$scope作用域对象。 2.service 通过service方式创建自定义服务，相当于new的一个对象：var s = new mySe 阅读全文
posted @ 2018-02-09 10:20 没事看看电影 阅读(311) 评论(0) 推荐(0)
angularAMD+requireJs
摘要：定义main.js组件和依赖项： 引入RequireJS文件 使用RequireJS定义语句创建app.js： 使用app.register创建控制器 github: https://github.com/marcoslin/angularAMD 阅读全文
posted @ 2018-02-06 10:56 没事看看电影 阅读(132) 评论(0) 推荐(0)
angular ui-router时要使用html5Mode=true
摘要：为什么我们要在使用angular ui-router时要使用html5Mode=true这个呢？ 在angular中，你在访问链接时，可能访问的链接为"#/link". 如果你设置了html5Mode=true时，这个时候页面就会重定向到"/link"这个页面中。 如果设置html5Mode=fal 阅读全文
posted @ 2018-02-02 15:05 没事看看电影 阅读(320) 评论(0) 推荐(0)