angular1主题的文章列表，还有angular1的技术要点_第1页

angular1.5 与 angular5 组件的对比

上个表：首先在创建方式上，1.5用component，5用装饰器。1.5交互用bindings对象定义，5中则直接使用装饰器。属性上，1.5的两个其他属性貌似在5中并不存在，而5中的组件的属性那多到一长串生命周期钩子，1.5上有5个，$postLink还是独有，5中已支持到9个了。 ...

代码星球 ·2020-09-13

angular1.5 组件学习 -- 4.2、组件的其他属性 transclude

transclude属性，跟指令的transclude属性类似。在组件中嵌入指定的dom内容，以及使用这种方式来重复DOM元素。默认false不嵌入。如果想嵌入指定内容，则设置其值为true后，配合ng-transclude指令使用。<!DOCTYPEhtml><htmllang="en">&l...

代码星球 ·2020-09-13

angular1.5 组件学习 -- 4.1、组件的其他属性 require

那component除了template、controller、bindings，是否还有别的属性呢？答案是肯定的！require属性，值为一个对象。用于复用其他组件的控制器。<!DOCTYPEhtml><htmllang="en"ng-app="myApp"><head><m...

代码星球 ·2020-09-13

angular1.5 组件学习 -- 3、组件的生命周期钩子

Components（生命周期）钩子函数angular1.5为每个组件提供了生命周期钩子函数去响应不同的时刻，有以下几个钩子：　　1、$onInit()：此时component构造函数初始化完毕（包括bindings中的数据），我们可以使用它来将浮在控制器各个地方的初始化变量集中起来，统一进行初始化操作。this.$o...

代码星球 ·2020-09-13

angular1.5 组件学习 -- 2.2、组件间的交互：子向父

有父组件向子组件传递数据，那必然会有子组件向父组件返回数据。这时将使用事件绑定来调用父组件中的方法，告诉父组件：子组件有数据给你，接着。<!DOCTYPEhtml><htmllang="en"ng-app="myApp"><head><metacharset="UTF-8"&g...

代码星球 ·2020-09-13

angular1.5 组件学习 -- 2.1、组件间的交互：父向子

一个组件干一个事，一个完整的功能有时需要多个组件协调完成，这就少不了组件间的数据交互，那先来记录下父组件向子组件传递数据。<!DOCTYPEhtml><htmllang="en"ng-app="myApp"><head><metacharset="UTF-8"><t...

代码星球 ·2020-09-13

angular1.5 组件学习 -- 1、组件的基本结构

angular1.5新增了组件功能，一个简单的组件要包括两项：模板、控制器。1、模板，可以是一段html内容，也可以是引用html文件的路径2、控制器，则跟我们的controller的使用大致相同。<!DOCTYPEhtml><htmlng-app="myApp"><head><...

代码星球 ·2020-09-13

byhrid angular1 and angular2

　　最近搞这个angular1升级到angular2的混合启动，真是累人呀，相关资料少不说，项目还用的是gulp，都知道与angular2绝配的是typescript，使用webpack或者systemjs这种模块加载器很容易就能启动起来。　　老大说用gulp-webpack，这是啥，没听说过，百度了一下，配置了好久才...

代码星球 ·2020-09-13