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

1、数据绑定的四种形式： （1）插值    <p>{{title}}</p> （2）属性绑定     <img [src]="userUrl"/> （3）事件绑定     <button (click)='onSave()'>点击</button> （4）双向绑定     <input [(ngModel)]='title'/>         在双向绑定 ...

WARNING in ./node_modules/@angular/cdk/esm5/a11y.es5.js 2324:206-214 "export 'ɵɵinject' was not found in '@angular/core' WARNING in ./node_modules/@angular/cdk/esm5/overlay.es5.js 4172:172-180 "export 'ɵɵinject' was not found in '@angular/core' WARNING in ./node_modules/@angular/cdk/esm5/over ...

安装时间：20190703安装环境：win10 1 安装Nodejs 　　1.1 下载地址：https://nodejs.org/en/ 　　1.2 下载完成之后双击安装，安装完成之后无需配置环境变量（安装的时候已经自动配置） 　　1.3 在cmd窗口数据node -v查看安装是否成功，若出现nodejs版本信息则说明安装成功 　　1.4 可选操作：配置nodejs的数据源为国内淘宝 ...

先说"响应式表单"的用法   新建的文件,用来写自定义验证器 import { AbstractControl } from "@angular/forms"; //control是我们要验证的表单控件, export function beginWith(control: AbstractControl) { const result = /^13/.test(control.value); return result ? null : {'beginWith': {value: contro ...

工作流在oa和erp中十分常见，现有成熟的工作流通常是在客户端实现的，web实现工作流的案例十分稀少。要实现web工作流必须要有强大的流程设计器，这里为大家介绍一款基于angular的流程控件，其功能十分强大，可直接开发在线流程设计工具。 流程设计效果如下：  该流程工具使用的是syncfusion旗下的angular组件开发，需 ...

angular 前端路由不生效解决方案 Intro 最近使用 Angular 为我的活动室预约项目开发一个前后端分离的客户端，在部署上遇到了一个问题，前端路由不生效，这里记录一下。本地开发正常，但是部署到服务器上就有问题，之前部署到IIS上时需要配置一个 url rewrite ，可能遇到了类似的问题，查阅一番之后确实是这样。 启用前端路 ...

本文原链接：https://www.cnblogs.com/zhuzhenwei918/p/7447434.html vue与react 　　vue和react是当前最火的两个前端框架，vue的发展很快，但是目前来说，react的生态系统会更强大，世界上使用这个框架的人也很多。 另外，react是facebook官方维护的， 而vue是尤雨溪本人维护的。 并且在其他周边库，如react的react-rouer ...

目前主流的前端打印方式有两种：一种是使用浏览器打印功能直接打印页面，另一种是调用本地控件实现。浏览器打印功能单一，不适用于复杂的业务表单，而打印控件可以设计打印模板，实现复杂表单的打印，十分适合复杂的业务系统。 下面为大家介绍angular中的这两种打印。 1、浏览器打印： 这种方式在angular中十分简单，获取ht ...

Zone.js到底是如何工作的？ 原文链接： blog.kwintenp.com 如果你阅读过关于Angular 2变化检测的资料，那么你很可能听说过zone。Zone是一个从Dart中引入的特性并被Angular 2内部用来判断是否应该触发变化检测。 如果你去到zone.js的GitHub页面，你会发现它对Zone是这么定义的： Zone是一个在异步任务间保持一致的执 ...

一、引言 i18n（其来源是英文单词 internationalization的首末字符i和n，18为中间的字符数）是“国际化”的简称。在资讯领域，国际化(i18n)指让产品（出版物，软件，硬件等）无需做大的改变就能够适应不同的语言和地区的需要。对程序来说，在不修改内部代码的情况下，能根据不同语言及地区显示相应的界面。 在全球化的时代 ...

一：指令的创建 创建module： var module1 = angular.module('module1',[]); angular.bootstrap(document.body,['module1']); 创建controller： var module1 = angular.module('module1',[]); module1.controller('ctl1', function($scope) { $scope.content = 'i\'m, module 1'; $scope.name = 'module1'; $ ...

1.背景          在最近angular的项目中,需要用到[innerHTML]标签来指定一个div的样式：  1 //HTML部分 2 <div class="contents" [innerHTML]="contents"></div> 3 4 //TS部分 5 contents = '<p>商品信息栏位<br><span style="color:red;">商品信息介绍</span></p>';       ...

为什么使用Overlay？ Overlay中文翻译过来意思是覆盖物，它是Material Design components for Angular中针对弹出动态内容这一场景的封装，功能强大、使用方便，尤其在开发自己的组件库时，可以让你少写许多代码，可以说只要是弹出内容的场景基本都可以使用Overlay.我们自己的组件库中弹出场景基本都已经使用Overlay，如自定 ...

refer :  https://material.angular.io/cdk/table/overview https://material.angular.io/components/table/overview   通常我们做 control panel 时会大量运用到 table  尤其是处理 CRUD 时, table 更是神器 说到 table 就一定会附带以下这些东西  filter, search  pagination sort show/hide/so ...

H5之template元素 　　模版元素是 Web Components 技术中的一种。 　　 里面的元素在页面加载时不会呈现，在随后的JS实例化时可以呈现。 <template id="tpl"> <span>so good </span> </template> <div id="container"> </div> <script type="text/javascript"> const container = document.getElementById ...

1.安装node　　node下载地址:https://nodejs.org/zh-cn/download/　　node安装会默认装好npm　　检验node，npm安装成功否　　node -v　　npm -v2.安装淘宝镜像（cnpm）　　npm install cnpm -g --registry=https://registry.npm.taobao.org　　检验cnpm安装成功否　　cnpm -v3.安装脚手架　　npm install -g @angular/cli4. ...

模板表单： <form #myform="ngForm" (ngSubmit)="onsubmit(myform.value)" > <div ngModelGroup="userInfo"> <input ngModel name="username" /> <input ngModel name="password" /> </div> <button type="submit">点我</button> </form> onsubmit(value){ console.log(value); } ...

我们可能会发现按照网上的方式下载安装后，使用Angular CLI生成的项目并不是我们想要的Angular的版本，因为在我们没有指定安装版本的前提下，默认会下载最新的版本安装，然而不同的Angular CLI版本在生成项目时默认的使用的Angular的版本又是不一样的，不同版本有些实现又存在差异，所以为开发者造成了很大的麻烦，下面我们 ...

英雄指南的 HeroesComponent 目前获取和显示的都是模拟数据。 本节课的重构完成之后，HeroesComponent 变得更精简，并且聚焦于为它的视图提供支持。这也让它更容易使用模拟服务进行单元测试。 如果你希望从 GitHub 上查看我们提供测试的源代码，你可以访问下面的链接：https://github.com/cwiki-us-angular/ ...

原文地址:https://blog.angular.io/version-8-of-angular-smaller-bundles-cli-apis-and-alignment-with-the-ecosystem-af0261112a27 Angular 8 - 更小的包，CLI API 以及与生态保持一致 Angular 8 现在发布了！这是跨越整个平台的重要发布，包括框架、Angular Material，与主版本同步的 CLI。该发布改进了应用程序在现代浏 ...