新手搭建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菜鸟一枚,发现问题欢迎指教~~