<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[aiyucha1786的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/aiyucha1786</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; aiyucha1786]]></copyright><item><title><![CDATA[关于requireJS的同步加载和异步加载]]></title><link>https://blog.youkuaiyun.com/aiyucha1786/article/details/102168015</link><guid>https://blog.youkuaiyun.com/aiyucha1786/article/details/102168015</guid><author>aiyucha1786</author><pubDate>Tue, 30 Apr 2019 16:01:00 +0800</pubDate><description><![CDATA[这篇随笔主要记录require('name')和require(['name1','name2'])在同步和异步加载使用的区别
1、require('name')同步加载模块的形式


define(function(require, exports, module) {
        var a = require('a'),
            b = requi...]]></description><category></category></item><item><title><![CDATA[AngularJs学习笔记-表单处理]]></title><link>https://blog.youkuaiyun.com/aiyucha1786/article/details/102168016</link><guid>https://blog.youkuaiyun.com/aiyucha1786/article/details/102168016</guid><author>aiyucha1786</author><pubDate>Fri, 15 Feb 2019 11:17:00 +0800</pubDate><description><![CDATA[表单处理
（1）Angular表单API
1、模板式表单，需引入FormsModule
2、响应式表单，需引入ReactiveFormsModule


（2）模板式表单
在Angular中使用form表单时，Angular会接管表单的处理，一些form表单原生的特性将不再生效
如Angular会拦截HTML标准的表单提交事件，表单提交事件将会导致页面刷新，而spa应...]]></description><category></category></item><item><title><![CDATA[AngularJs学习笔记-组件生命周期]]></title><link>https://blog.youkuaiyun.com/aiyucha1786/article/details/102168013</link><guid>https://blog.youkuaiyun.com/aiyucha1786/article/details/102168013</guid><author>aiyucha1786</author><pubDate>Wed, 13 Feb 2019 18:04:00 +0800</pubDate><description><![CDATA[组件生命周期
（1）组件生命周期钩子
constructor：组件创建时被创建
ngOnChanges: 父组件修改或初始化子组件的输入属性时被调用，如果子组件没有输入属性，则永远不会被调用，它的首次调用发生在ngOnInit之前
ngOnInit：用于初始化组件，因为ngOnChanges事件发生在constructor之后，所以构造函数无法获得输入属性，ngOnInit则能够...]]></description><category></category></item><item><title><![CDATA[AngularJs学习笔记-组件间通讯]]></title><link>https://blog.youkuaiyun.com/aiyucha1786/article/details/102168014</link><guid>https://blog.youkuaiyun.com/aiyucha1786/article/details/102168014</guid><author>aiyucha1786</author><pubDate>Tue, 12 Feb 2019 18:02:00 +0800</pubDate><description><![CDATA[组件间通讯
（1）输入属性@Input

Tips:子组件属性的改变不会影响到父组件
如下，子组件中stockCode属性发生变化不会引起父组件stock属性的变化



（2）输入属性@Output
子组件tsimport { Component, OnInit, Output } from '@angular/core';

import { EventEm...]]></description><category></category></item><item><title><![CDATA[AngularJs学习笔记-数据绑定、管道]]></title><link>https://blog.youkuaiyun.com/aiyucha1786/article/details/102168010</link><guid>https://blog.youkuaiyun.com/aiyucha1786/article/details/102168010</guid><author>aiyucha1786</author><pubDate>Tue, 12 Feb 2019 11:23:00 +0800</pubDate><description><![CDATA[数据绑定、管道
（1）数据绑定(Angular中默认是单向绑定)
1、[]方括号
可以用于子组件传值
由于是单向绑定，所以当子组件中的iStars属性发生改变时，不会影响到父组件中product.rating属性

还可以用于绑定元素的css类

用于绑定路由导航的路径

2、[()]的形式用于双向绑定
当子组件使用双向绑定的时候，子组件的输出属性必须为输入属性名加...]]></description><category></category></item><item><title><![CDATA[AngularJs学习笔记-服务]]></title><link>https://blog.youkuaiyun.com/aiyucha1786/article/details/102168008</link><guid>https://blog.youkuaiyun.com/aiyucha1786/article/details/102168008</guid><author>aiyucha1786</author><pubDate>Tue, 12 Feb 2019 10:15:00 +0800</pubDate><description><![CDATA[服务
(1)在模块中声明的服务对所有组件可见

(2)在组件中声明的服务对自己本身和其子组件

(3)在组件中声明的服务会覆盖在模块中声明的服务

(4)通过@Injectable()装饰器可以在服务中注入服务

(5)通过工厂方法实例化服务
当需要通过某些条件决定实例化的对象，或者在实例化过程中需要传递某些参数时，使用工厂提供器实例化对象

在工厂方法中注入其他...]]></description><category></category></item><item><title><![CDATA[AngularJs学习笔记-路由]]></title><link>https://blog.youkuaiyun.com/aiyucha1786/article/details/102168005</link><guid>https://blog.youkuaiyun.com/aiyucha1786/article/details/102168005</guid><author>aiyucha1786</author><pubDate>Mon, 11 Feb 2019 15:38:00 +0800</pubDate><description><![CDATA[路由
(1)routerLink用[]括起来的时候传递的是数组,
如:
&lt;a [routerLink]="['/hero', hero.id]"&gt; &lt;span class="badge"&gt;{{ hero.id }}&lt;/span&gt;{{ hero.name }} &lt;/a&gt; 
表示带参数的路由地址，可以导航到/hero/:heroId
...]]></description><category></category></item></channel></rss>