angular2
关注
分享
扫一扫
文章平均质量分 54
angular2知识记录
页神建辑-思而后学
总是让我做自我简介，真不知道介绍什么好了~~~~~
展开
-
angular模块及组件使用复习
在自定义模块里引入自定义组件，需要在declarations数组内对组件进行定义，同时需要在exports数组内进行对外暴露导出。在test-module.component.html内使用web-test组件自定义模块-路由定义：App-routing.module内引入test-module模块，子test-module模块定义路由。原创 2023-04-12 23:51:13 · 335 阅读 · 0 评论 -
angular2-HttpClient服务器端请求通信
app.module.ts文件内引入httpClient模块import { HttpClientModule } from '@angular/common/http';@NgModule({ imports: [ HttpClientModule, ],})***.component.ts内引入httpClientimport { HttpClient } from '@angular/common/http';export class ***Component impl原创 2021-10-07 22:46:41 · 223 阅读 · 0 评论 -
angular2-directives指令
属性型指令创建一个自定义hightlight指令示例。import { Directive, ElementRef, HostListener } from '@angular/core';@Directive({ selector: '[appHighlight]'})export class HighlightDirective { constructor(private el: ElementRef) {} @HostListener('mouseenter') onMou原创 2021-09-03 22:16:06 · 187 阅读 · 0 评论 -
angular知识总结
templatetemplate内容模板元素，是一种用于保存客户端内容机制，此内容在加载页面时不会呈现，运行时可被js实例化。DocumentFragment表示一个没有父级文件的最小文档对象，常被作为一个轻量版的Document使用。是Dom节点，不是真实Dom树的一部分。在Dom树种，文档片段被其所有子元素代替。因为文档片段存在内容中，不存在Dom树中，将元素插入文档片段时，不会引起回流。<table id="producttable"> <thead>原创 2021-06-06 19:23:48 · 350 阅读 · 2 评论 -
angular使用记录
此版本angular-cli版本是9.1.6，更新最新版本npm uninstall -g @angular/cli // 老版本是写npm uninstall -g angular-clinpm cache clean -fnpm install -g @angular/cli@latest模块化：是从代码逻辑的角度进行划分；方便代码分层开发，保证每个功能模块的职能单一；组件化：是从UI界面的角度进行划分，前端的组件化，方便UI组件的重用Angular工程属于模块化开发的思想，angu.原创 2021-05-28 23:14:20 · 196 阅读 · 3 评论 -
使用Angular cli（ng generate）创建组件、服务、类、路由、指令、管道
日常angular开发中，相信不少人在创建新组件时，普遍会采用复制粘贴的方式创建新的组件或服务等。其实可以采用ng generate的方式快速创建组件、服务、类、路由等。在使用angular cli创建文件时，需要先命令行cd进入到需要的目录位置，然后再执行类似’ng generate comoonent 名称’的命令。创建一个新组建(component) ng generate component 组件名称 // 或 ng g comonent 组件名称创建新服务(service)转载 2020-12-08 22:38:06 · 7314 阅读 · 0 评论 -
angular2中router-outlet使用
前文分析了vue.js的router-view的使用，本文分析一下angular2中的router-outlet的使用。其实angular2中的router-outlet标签与vue.js中的router-view标签的作用并无二次（react中有同名标签），所以由此可见这三大前端框架有很高的相似度。router-outletindex.html是整个app的内容入口，如下：<!doctype html><html lang="en"> <head>原创 2020-12-08 22:20:21 · 899 阅读 · 0 评论