详解创建自定义的Angular Schematics

来源：懂视网责编：小采时间：2020-11-27 22:13:32

详解创建自定义的Angular Schematics

详解创建自定义的Angular Schematics:本文对 Angular Schematics 进行了介绍，并创建了一个用于创建自定义 Component 的 Schematics ，然后在 Angular 项目中以它为模板演练了通过 Schematics 添加自定义的 Component 。 1. 什么是 Schematics? 简单来说，Schem

推荐度：

点击下载本文 文档为doc格式

导读详解创建自定义的Angular Schematics:本文对 Angular Schematics 进行了介绍，并创建了一个用于创建自定义 Component 的 Schematics ，然后在 Angular 项目中以它为模板演练了通过 Schematics 添加自定义的 Component 。 1. 什么是 Schematics? 简单来说，Schem

在刚才新建的 Angular 项目 src/app 文件夹中，已经新建了一个名为 my-first-schema 的文件夹，其中包含了三个文件。

打开 my-first-schema.component.ts 文件，可以看到替换之后的内容

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

@Component({
 selector: 'my-first-schema-component',
 templateUrl: './my-first-schema.component.html',
 styleUrls: [ './my-first-schema.component.css' ]
})

export class MyFirstSchemaComponent {

 constructor(){
 console.log( 'Mfs' );
 }

}

而在 my-first-schema.component.html 中，可以看到 --service 的影响。

<h1>Hola Service</h1>

详解创建自定义的Angular Schematics

推荐度：

点击下载本文 文档为doc格式

标签：创建自定义自定

热门焦点

详解创建自定义的Angular Schematics

详解创建自定义的Angular Schematics

详解创建自定义的Angular Schematics

最新推荐

猜你喜欢

热门推荐