Angular论坛 今日: 0|主題: 320|排名: 76 

viewChild装饰器。 父组件的模版和控制器里调用子组件的API。 1、创建一个子组件child1里面只有一个greeting方法供父组件调用。 import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-child1', templateUrl: './child1.component.html', styleUrls: ['./child1.component.css'] }) e ...

Angular         前言 简介 Angular简称 四个特性 优点 初尝试 常用介绍 指令 说明 ng-app ng-bind ng-repeat ng-class ng-show/ng-hide/ng-if：true/false ng-href/ng-src ng-switch ng-checked/ng-disabled/ng-readonly/ng-selected 常用事件指令 自定义指令 控制器 表达式 闪烁问题 表达式可承载的 ...

  1.Angular基础知识 1）概述 angular是一个框架，能够支持多种平台，同时适用于移动端和桌面端 2）特点：跨平台、高性能、高效开发效率   2.开发环境构建： - 安装node.js: https://nodejs.org/en - 安装Angular CLI: npm install -g @angular/cli * 先设置npm config set registry https://regis ...

问题：本地安装了 angular cli 9.x 然后用VS2019创建的angular是 8.x 所以要进行降级 参考 https://blog.csdn.net/ittvibe/article/details/79062838 步骤 1.卸载全局 npm uninstall -g @angular/cli 2.清除缓存 npm cache clean --force 3.查看存在 ng v 报错 'ng' 不是内部或外部命令，确认删除成功 4.安装指定版本 ...

打包生产环境时需要的配置如下： 在angular.json里的“configurations”里配置： "configurations": { "production": { "fileReplacements": [ { "replace": "src/environments/environment.ts", "with": "src/environments/environment.p ...

Angular的管道可以看作成是一个数据格式化展示的工具。管道可以将数据格式化显示，而不改变源数据。获取数据可能简单到创建一个局部变量就行，也可能复杂到从WebSocket中获取数据流。一旦取到数据，我们可以把它们原始值的toString结果直接推入视图中。 但这种做法很少能具备良好的用户体验。 比如，几乎每个人都更喜欢简单 ...

1、添加form标签 1、页面中添加form标签，并为form标签添加一个指令 #form=”ngForm”（#后的表单名称是自定义的，这里是为在表单提交的时候，按钮禁用做准备） <form (ngSubmit)="btnHandle('login')" #loginForm="ngForm"></form> 2、form标签内input输入框的属性 2.1、给form标签下所有input标签添加name属性，不然控 ...

原创链接：https://blog.csdn.net/weixin_45158228/article/details/104518874 检查是否已安装：dos窗口查看版本node -v 一、安装node.js步骤1、下载node.Js下载对应你系统的Node.js版本：https://nodejs.org/en/download/2、下载完成后，双击“node-v6.9.2-x64.msi”，开始安装点击“next”勾选复选框，点击next修改好目录 ...

https://cloud.tencent.com/developer/devdocs   1.设计原则(1)YAGNIYou Aren't Gonna Need It,你不会需要它;不写不需要的功能 (2)KISSKeep It Simple and Stupid,让你的代码越简单/傻瓜越好(3)OCPOpen Close Principle,开闭原则,对外界修改封闭(不允许修改已有代码)，对外界的扩展开放 (4)High Cohesion, Low Cou ...

前言 最近在学习 Angular，一些基础的语法也学习的差不多了，就在 github 上新建了一个代码仓库，准备用 ng-zorro 搭个后台应用的模板，方便自己以后写些小东西时可以直接使用。前端项目，最主要的还是能够实际看到，因此考虑找个地方部署，因为自己的博客是部署到 github page 上的，并且这个项目也只是一个静态网站，所以 ...

目录 序言 AngularJS 简介 Angular 2.0 的动机 现如今的 Angular Angular 的核心概念 参考 序言 Angular 一般意义上是指 Angular v2 及以上版本，而 AngularJS 专指 Angular 的所有 1.x 版本。出现这种区别是由于 Angular 对 AngularJS 进行了完全重写，两者区别很大，直接形成了两个独立的产品。 AngularJS 官网：Sup ...

在进入主题之前，先了解一下angular的生命周期。 生命周期 钩子分类 指令与组件共有的钩子 ngOnChanges ngOnInit ngDoCheck ngOnDestroy 组件特有的钩子 ngAfterContentInit ngAfterContentChecked ngAfterViewInit ngAfterViewChecked 生命周期钩子的作用及调用顺序 ngOnChanges - 当数据绑定输入属性的值发生 ...

  1、如果已经有 angulat 项目，直接安装 antd 这个插件然后使用： npm install ng-zorro-antd --save / cnpm install ng-zorro-antd --save  2、app.module.ts 文件导入 import { NgModule } from '@angular/core'; import { registerLocaleData } from '@angular/common'; import { BrowserModule } fr ...

问题：edge浏览器下，固定列的边框消失 原因：ng-zorro-antd表格组件使用nzLeft和nzRight指令固定的表格列，这两个指令的实现css3中的标签： position: -webkit-sticky !important; position: sticky !important; 谷歌、火狐及-webkit-内核的浏览器均支持该属性（css3），IE不支持该属性，所以在IE中，会自动降级，表格无 ...

一、Angular get请求数据 Angular5.x以后get, post和和服务器交互使用的是HttpClientModule模块。 1、在app.module.ts中引入HttpClientModule并注入 import {HttpClientModule} from '@angular/common/http' imports:[ BrowserModule, HttpClientModule ] 2、在用到的地方引入HttpClient并在构造函数声明 impo ...

一、Overview Angular 入坑记录的笔记第七篇，介绍 Angular 中的模块的相关概念，了解相关的使用场景，以及知晓如何通过特性模块来组织我们的 Angular 应用 对应官方文档地址： NgModule 简介 NgModules JavaScript 模块 vs. NgModule 使用根模块启动应用 常用模块 特性模块 二、Contents Angular 从入坑到弃坑 - Angula ...

自 Extensions 组件库发布以来，Data Grid 成为了使用及咨询最多的组件。最开始 Data Grid 的设计非常简陋，经过一番重构，组件质量有了质的提升。 Extensions 组件库: https://github.com/ng-matero/extensions Data Grid 示例: https://ng-matero.github.io/extensions/data-grid 距离 Extensions Data Grid 重构已经 ...

angular 接入 IdentityServer4 Intro 最近把活动室预约的项目做了一个升级，预约活动室需要登录才能预约，并用 IdentityServer4 做了一个统一的登录注册中心，这样以后就可以把其他的需要用户操作的应用统一到 IdentityServer 这里，这样就不需要在每个应用里都做一套用户的机制，接入 IdentityServer 就可以了。 目前活动 ...

使用 patchValue() 方法会比使用 setValue() 方法更好！   1、patchValue() // angular2/packages/forms/src/model.ts export class FormGroup extends AbstractControl { ... patchValue( value: {[key: string]: any},{onlySelf, emitEvent}: {onlySelf?: boolean, emitEvent?: boolean} ...

Angular 向后端发送请求 技术概述 在前后端分离的WEB项目中，前端需要从后端发送请求获取数据然后在前端页面展示，用户通过前端页面进行的操作也需要前端发送请求到后端处理。该博客主要介绍Angular前端如何向后端发送请求并进行错误处理。 技术详述 创建 api-url 服务 因为在项目开发过程中发现后端的api-url很多，如果前 ...