IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发测试 -> AngularCliApi之组件 -> 正文阅读

[开发测试]AngularCliApi之组件

目录

声明: angularAPI学习generate

组件创建

  1. 命令创建
ng generate component
ng g component <component-name>
用于构建angular组件 会自动创建 html模板、style文件、组件文件以及单元测试文件

图1-1
2. 手动创建 新建 component-name.component.ts
手动创建的组件需要在 app.model.ts 文件中的 *** declarations*** 注册

<app-home></app-home>
<app-my></app-my>

在这里插入图片描述

  • 1 内部组件
import { Component, OnInit } from "@angular/core";

@Component({
  selector: 'app-my',
  template: '<p>my works!</p>',
  styles: ['p { color: pink; }']
})

export class MyComponent implements OnInit {
  constructor () { }
  ngOnInit(): void {
  }
}

  • 2 外部组件

component.ts

import { Component, OnInit } from "@angular/core";

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

export class MyComponent implements OnInit {
 constructor () { }
 ngOnInit(): void {
 }
}

component.html

<p>my works!</p>

component.less

p { color: pink; }
  开发测试 最新文章
pytest系列——allure之生成测试报告(Wind
某大厂软件测试岗一面笔试题+二面问答题面试
iperf 学习笔记
关于Python中使用selenium八大定位方法
【软件测试】为什么提升不了?8年测试总结再
软件测试复习
PHP笔记-Smarty模板引擎的使用
C++Test使用入门
【Java】单元测试
Net core 3.x 获取客户端地址
上一篇文章      下一篇文章      查看所有文章
加:2021-09-05 11:20:58  更:2021-09-05 11:21:30 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/17 22:22:25-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码