Angular初步学习总结

Angular 写代码错误总结

ng new your-project-name //名称以下划线格式
在项目根目录下创建组件
ng g c hero-list (ng generate component hero-list) //注意是以减号的格式创建组件

路由的书写错误

path的value是字符串且没有‘/’,而component的value不是字符串

创建路由模块
ng g m my-module --routing (ng generate module my-module --routing)

ng generate module app-routing --module app –flat

1.Angular 属性型指令和结构性指令区别是什么？都有哪些？
2.常用的指令有哪些？
内置指令：*ngIf,*ngFor,*ngSwitchCase,*ngSwitchDefault,[ngSwitch],[ngStyle],[ngClass],

Angular和Vue的比较？

双向数据绑定
你经常需要显示数据属性，并在用户作出更改时更新该属性。
在元素层面上，既要设置元素属性，又要监听元素事件变化。
Angular 为此提供一种特殊的双向数据绑定语法：[(x)]。 [(x)] 语法结合了属性绑定的方括号 [x] 和事件绑定的圆括号 (x)。

创建与订阅
在有消费者订阅之前，可观察对象不会执行。subscribe() 会执行一次定义好的行为，并且可以再次调用它。每次订阅都是单独计算的。重新订阅会导致重新计算这些值。
意思是：消费者即订阅者Subscriber它的调用方法是subscribe()取消订阅：unsubscribe(),在observer执行next(),complete(),error()等方法前是不会执行的
面试问题？怎么创建一个可观察对象，它有哪些常用的方法，以及它的操作符都有哪些？

你可以使用管道来把这些操作符链接起来。管道让你可以把多个由操作符返回的函数组合成一个。pipe() 函数以你要组合的这些函数作为参数，并且返回一个新的函数，当执行这个新函数时，就会顺序执行那些被组合进去的函数。
应用于某个可观察对象上的一组操作符就像一个菜谱 —— 也就是说，对你感兴趣的这些值进行处理的一组操作步骤。这个菜谱本身不会做任何事。你需要调用 subscribe() 来通过这个菜谱生成一个结果。

HTML attribute 与 DOM property 的对比
要想理解 Angular 绑定如何工作，重点是搞清 HTML attribute 和 DOM property 之间的区别。
attribute 是由 HTML 定义的。property 是由 DOM (Document Object Model) 定义的。
少量 HTML attribute 和 property 之间有着 1:1 的映射，如 id。
有些 HTML attribute 没有对应的 property，如 colspan。
有些 DOM property 没有对应的 attribute，如 textContent。
大量 HTML attribute 看起来映射到了 property…… 但却不像你想的那样！
最后一类尤其让人困惑…… 除非你能理解这个普遍原则：
attribute 初始化 DOM property，然后它们的任务就完成了。property 的值可以改变；attribute 的值不能改变。
例如，当浏览器渲染 时，它将创建相应 DOM 节点， 它的 value 这个 property 被初始化为 “Bob”。
当用户在输入框中输入 “Sally” 时，DOM 元素的 value 这个 property 变成了 “Sally”。 但是该 HTML 的 value 这个 attribute 保持不变。如果你读取 input 元素的 attribute，就会发现确实没变： input.getAttribute(‘value’) // 返回 “Bob”。
HTML 的 value 这个 attribute 指定了初始值；DOM 的 value 这个 property 是当前值。
disabled 这个 attribute 是另一种特例。按钮的 disabled 这个 property 是 false，因为默认情况下按钮是可用的。 当你添加 disabled 这个 attribute 时，只要它出现了按钮的 disabled 这个 property 就初始化为 true，于是按钮就被禁用了。
添加或删除 disabled 这个 attribute 会禁用或启用这个按钮。但 attribute 的值无关紧要，这就是你为什么没法通过 仍被禁用 这种写法来启用按钮。
设置按钮的 disabled 这个 property（如，通过 Angular 绑定）可以禁用或启用这个按钮。 这就是 property 的价值。
就算名字相同，HTML attribute 和 DOM property 也不是同一样东西。
这句话值得再强调一次： 模板绑定是通过 property 和事件来工作的，而不是 attribute。

看到模板语法。。。未完待续。。。