前言 用过angular-cli,create-react-app这些脚手架的朋友们,不知道你们有没有好奇过,为什么安装这些脚手架后,可以使用类似ng generate之类的命令。小弟研究了以下,原来是这样的。 package.json 贴一个简单的package.json { "name": "a ...
分类:
Web程序 时间:
2020-02-24 16:50:44
阅读次数:
254
\protractor.conf.js\README.md\node_modules\angular-cli\README.md\node_modules\angular-cli\blueprints\ng2\files\protractor.conf.js\node_modules\angular ...
分类:
其他好文 时间:
2020-02-24 00:18:21
阅读次数:
81
Angular 模块 (NgModule) NgModule 是一个带有 @NgModule 装饰器的类。 Angular 模块把组件、指令和管道打包成内聚的功能块,每个模块聚焦于一个特性区域、业务领域、工作流或通用工具。 NgModule 的元数据会做这些: 声明某些组件、指令和管道属于这个模块。 ...
分类:
其他好文 时间:
2020-02-23 18:20:05
阅读次数:
47
一. 组件间通信(组件间不能互相调用,公共方法放在服务中) (目前项目采用将公共方法直接写在ts文件中没使用服务) ng g service services/服务名 App.module.ts{ 引入服务:import {ts类名} from ‘./services/服务名.service’; 配 ...
分类:
其他好文 时间:
2020-02-22 16:00:27
阅读次数:
69
一. 路由:根据不同URL地址,动态让根组件挂载其他组件来实现单页面应用,相对地址 1. 项目一开始创建就会询问是否添加路由(Angular routing) 2. 有无路由区别{ 1. 多了一个routing的ts文件(配置路由的ts文件) 2. 在app中module中引入路由并配置 3. ap ...
分类:
其他好文 时间:
2020-02-22 15:54:26
阅读次数:
58
一. 解析本地Json数据并展示(待定) 1. 创建服务{ 创建一个接口对象用于接收Json数据 通过HttpClient获得本地Json文件 } 2. 组件中引入服务调用服务方法拿文件用subscribe将文件Json解析成对象再传给本地组件属性,其中调用服务方法放在组件ts的构造方法中 3. 再 ...
分类:
Web程序 时间:
2020-02-22 15:45:07
阅读次数:
154
1. 绑定数据 { 1.在组件ts文件中定义属性:public 属性名 = ‘数据’ 2.在组件中html中定义:{{属性名}} } 2. 在html获得ts中的值(也可以绑定图片src) { 静态属性:title = ‘ming’ 动态属性:[title] = ‘ts中属性名字’ } 3. Htm ...
分类:
其他好文 时间:
2020-02-22 15:44:32
阅读次数:
48
一. Angular常用命令 1. ng new 文件夹名 (新建项目,选择y使用路由) 2. ng serve --open (默认浏览器运行项目) 3. ng serve --port 6060 (运行多个项目在不同端口) 4. ng g (提示能创建的各种东西) 5. ng g compone ...
分类:
其他好文 时间:
2020-02-22 15:38:11
阅读次数:
51
一. RxJs:针对异步数据流编程工具 1. 创建subject类对象(发送方) 2. subject.subscribe(观察者); (注册观察者对象observer,可以注册多个相当于回调函数取数据,返回消费者) 3. 消费者有取消订阅的方法unsubscribe,相当于取消监听 4. 发送数据 ...
分类:
Web程序 时间:
2020-02-22 15:35:56
阅读次数:
83
最近公司布置任务,用asp.net core mvc和angular改写原来的一个用Silverlight做的项目。从来没搞过,找了两本书看了一天,又看了一天代码,大致心里有底了,就开始动手。没想到一上来就碰到了头痛的问题。 首先是第一次调试后,修改了typescript,却不会自动编译。花了不少功 ...
分类:
Web程序 时间:
2020-02-22 13:55:10
阅读次数:
82