angular6学习(五):创建组键

两种创建方式:手动创建和命令创建

手动创建:

一:基础知识:


代码说明:


二:代码实现:

   1.在app目录中新建组键目录和文件


    2.ts文件中添加修饰器和引入模板


    

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

@Component({
  selector: 'app-server',
  templateUrl: './server.component.html'
  })
export class ServerComponent {

}

  3. html文件中添加内容


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<p>这是一个server主键</p>
</body>
</html>

  4. 在文件app.modul.ts中添加server组键


  5. 在文件app.componert.html中引用server组键



显示如下:



命令创建:

一:Alt+F12 打开命令模式,输入  ng generate component servers

     或者缩写 ng g c servers

      指定创建组键servers

       自动创建组建目录和文件,并自动在modul中添加



二: 在文件app.componert.html中引用servers组键即可

相关文章
相关标签/搜索