angular指令

1.指令分为结构指令和属性指令,结构指令能够添加,修改或者删除DOM,结构指令必须用开始,比如下面ngIf结构指令

1
<button *ngIf="canEdit">编辑</button>

2.属性指令能够用来改变元素的外观和行为,比如ngStyle指令,能够用来动态计算样式值。

1
<span [ngStyle]="setStyles()">{{ contract.name }}</span>

3.在一个组件里面注入一个人服务(使用providers声明注入),那么该服务会被创建出新的实例,组件的所有子组件都会继承这个父组件的注入器对象,复用该注入器里面所存储的服务实例。不过也可以打破服务的单例模式,我们可以通过在组件树的某个非根组件A里也注入这个服务,那么A的子组件使用的就将会是新的服务实例。

4.模块:模块里面可以包含若干组件,指令,服务,甚至能够拥有独立的路由配置。每个angular应用都至少有一个模块,一般需要有一个模块作为整个应用的路口,这个入口模块称为根模块,通过运行根模块来启动整个angular应用。模块类需要使用NgModule类装饰器进行装饰,这个装饰器主要有下面这几个常用的元数据:

  • 1.declarations:这个元数据用于指定属于这个模块的视图类,即指定哪些组件组成了这个模块。Angular有组件,指令和管道三种视图类,需要注意的是,视图类只能属于一个模块,因此如果视图类已经在其它模块中declarations的话,那么就不能再到其他模块里面导入了。在A模块所引入的视图类A能够在所有A模块引入的其它视图类中进行使用。
  • 2.

5.通过styles和styleUrls指定组件的样式,Angular会在模板dom中添加自定义的节点属性,以此来形成属于这些样式在组件中独有的作用域。避免了css样式命名的污染问题。