新手搭建angular-cli项目起步

---

前言

闲来无事研究一下angular,有问题欢迎大佬指教

---

一、使用表单组件

需要在跟组件模块中引入formsmodule 模块

import {
    
     FormsModule } from '@angular/forms';
@NgModule({
    
    
  declarations: [ ],
  imports: [
    BrowserModule,
    FormsModule,
  ],
  providers: [],
  bootstrap: [AppComponent]
})

二、如果想要使用sass

搭建项目的时候可以直接运行 ng new angularDemo01 --style=scss命令
已有项目情况下使用sass
1、利用cnpm工具安装sass依赖和loader

cnpm install node-sass --save-dev

cnpm install sass-loader --save-dev

2、修改.angular-cli.json文件

"styles": [ "styles.scss" ],
"defaults":{
    
     "styleExt": "scss", "component": {
    
    } }

3、将项目中的styel.css改成 style.scss

4、重新启动项目：ng serve就可以了

三、 配置路由

import {
    
     Routes, RouterModule } from '@angular/router';
import {
    
     LoginComponent } from './login/login.component';
const routes: Routes = [
  {
    
    
    path: 'loginForm',
    component: LoginComponent
  },
];
@NgModule({
    
    
  declarations: [ ],
  imports: [
    BrowserModule,
    FormsModule,
 RouterModule.forRoot(routes)
  ],
  providers: [],
  bootstrap: [AppComponent]
})

---

总结

初入angular菜鸟一枚，发现问题欢迎指教~~