Angular#3 资料结构 (可略过)

Angular

[目标]

了解 Angular资料结构
https://ithelp.ithome.com.tw/upload/images/20210501/20137134wDFXDWF5jP.png


.Component 元件

  • 安装
ng generate component [component_name]
  • 结构

定义、行为
<component-name>.component.ts

页面
<component-name>.component.html

美感
<component-name>.component.css

测试档案
<component-name>.component.spec.ts


.Module 模组

  • 安装
ng generate module [module_name]

app 根

https://ithelp.ithome.com.tw/upload/images/20210502/20137134LqfhGPapOa.png

上一篇
下一篇


<<:  Angular#2 专案:新增 与 启动

>>:  Angular#4 专案:路由 建置

【Day20】Git 版本控制 - git tag

这篇文章我想诚实面对自己,也勇敢地说出来。 对。我不知道要写什麽了... 我已经把该怎麽新建本地数据...

EP 25: Validation by Data Annotation Validators in TopStore App

Hello, 各位 iT邦帮忙 的粉丝们大家好~~~ 本篇是 Re: 从零开始用 Xamarin 技...

Day10:程序码编辑器的实用扩充套件(2)

一、前言   上一篇文章介绍了 VSCode 好用的快捷键,此篇开始介绍其他扩充之实用功能罗。没意外...

模型的内容04 def main()

上一章节研究完class net(…),这一章节我们继续研究 def main(args)这部分。 ...

30-6 之软件架构设计原则 5 - DIP 依赖反向原则

软件架构设计原则一切都是为了下面这两点,别忘了。 低耦合 高内聚 这一篇文章我们将要来谈谈 DIP ...