angular2笔记

1. *ngFor相当于angularJS的ng-repeat。

2. @input是通过某种方式把父模板数据传给子组件

@Input() name: string 

 

3. 在Angular中，添加一个带方括号的属性（比如[name]）意味着把一个值传给该组件上同名的输入属性（比如name）

<ul>
  　<app-user-item
    　　*ngFor="let name of names"
    　　[name]="name">
  　</app-user-item>
</ul>　

 4. @NgModule注解有三个属性：declarations、imports和bootstrap。declarations指定了在该模块中定义的组件。当我们使用ng generate时，它会自动把生成的组件添加到这个列表里！要想在模板中使用一个组件，你必须首先在NgModule中声明它。

@NgModule({
  declarations: [
    AppComponent,
    HelloWorldComponent,
    UserItemComponent,
    UserListComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

5. imports描述了该模块有哪些依赖。我们正在创建一个浏览器应用，因此要导入BrowserModule。

6.bootstrap告诉Angular，当使用该模块引导应用时，我们要把AppComponent加载为顶层组件。

7.semantic-ui的安装配置

下载Semantic UI：

npm install semantic-ui --save

安装 Gulp：

npm install -g gulp

编译Semantic UI：

cd semantic

gulp build

8.安装淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

9.安装angular-cli

npm install-g @angular-cli

10.安装typescript

npm install -g typescript

11. 安装ng-bootstrap

npm install @ng-bootstrap/ng-bootstrap --save

12. 要实现双向绑定首先在app.module.ts文件中从@angular/forms库中导入符号FormsModule

import { FormsModule } from '@angular/forms';