手机版 欢迎访问it开发者社区(www.mfbz.cn)网站

当前位置: > 开发

angular基础

时间:2021/4/18 1:32:43|来源:|点击: 次

 

 

前言

为什么不会angular的我会跳槽到一个用angular的公司?


提示:以下是本篇文章正文内容,下面案例可供参考

一、angular基础架构组成和vscode插件

 

Path Intellisense 路径提示

color highlight #颜色显示

vscode-icon文件图标

 

二、代码

1.Component装饰器

本质就是一个函数,能接收一个类或者类属性作为参数,算是一种语法糖

代码如下(示例):

import { Component } from '@angular/core';

@Component({
  //selector选择器 会替换这个组件里面的内容
  selector: 'app-root',
  //模板路径
  templateUrl: './app.component.html',
  // css路径
  styleUrls: ['./app.component.less']
})

2.NgModule

代码如下(示例):

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';

@NgModule({
  //申明这个模块有哪些组件 这个模块自己的组件
  declarations: [
    AppComponent
  ],
  // 这个模块依赖那些模块
  imports: [
    BrowserModule,
    AppRoutingModule
  ],
  //本模块向全局服务中贡献的那些服务的创建器。
  providers: [],
  //根模块用,应用的主视图
  //main.ts中 platformBrowserDynamic().bootstrapModule(AppModule)
  bootstrap: [AppComponent]
})
export class AppModule { }

3.angular组件

4.ng-for

 


Copyright © 2002-2019 某某自媒体运营 版权所有