angular使用@angular/material 出现"export 'ɵɵinject' was not found in '@angular/core'
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 ...
angular安装
安装时间:20190703安装环境:win10
1 安装Nodejs 1.1 下载地址:https://nodejs.org/en/ 1.2 下载完成之后双击安装,安装完成之后无需配置环境变量(安装的时候已经自动配置) 1.3 在cmd窗口数据node -v查看安装是否成功,若出现nodejs版本信息则说明安装成功 1.4 可选操作:配置nodejs的数据源为国内淘宝 ...
angular 自定义验证器
先说"响应式表单"的用法
新建的文件,用来写自定义验证器
import { AbstractControl } from "@angular/forms";
//control是我们要验证的表单控件,
export function beginWith(control: AbstractControl) {
const result = /^13/.test(control.value);
return result ? null : {'beginWith': {value: contro ...
angular流程引擎集成
工作流在oa和erp中十分常见,现有成熟的工作流通常是在客户端实现的,web实现工作流的案例十分稀少。要实现web工作流必须要有强大的流程设计器,这里为大家介绍一款基于angular的流程控件,其功能十分强大,可直接开发在线流程设计工具。
流程设计效果如下:
该流程工具使用的是syncfusion旗下的angular组件开发,需 ...
angular 前端路由不生效解决方案
angular 前端路由不生效解决方案
Intro
最近使用 Angular 为我的活动室预约项目开发一个前后端分离的客户端,在部署上遇到了一个问题,前端路由不生效,这里记录一下。本地开发正常,但是部署到服务器上就有问题,之前部署到IIS上时需要配置一个 url rewrite ,可能遇到了类似的问题,查阅一番之后确实是这样。
启用前端路 ...
vue、react、angular三大框架对比 && 与jQuery的对比
本文原链接:https://www.cnblogs.com/zhuzhenwei918/p/7447434.html
vue与react
vue和react是当前最火的两个前端框架,vue的发展很快,但是目前来说,react的生态系统会更强大,世界上使用这个框架的人也很多。 另外,react是facebook官方维护的, 而vue是尤雨溪本人维护的。 并且在其他周边库,如react的react-rouer ...
angular打印功能实现方式
目前主流的前端打印方式有两种:一种是使用浏览器打印功能直接打印页面,另一种是调用本地控件实现。浏览器打印功能单一,不适用于复杂的业务表单,而打印控件可以设计打印模板,实现复杂表单的打印,十分适合复杂的业务系统。
下面为大家介绍angular中的这两种打印。
1、浏览器打印:
这种方式在angular中十分简单,获取ht ...
Angular ZoneJS 原理
Zone.js到底是如何工作的?
原文链接: blog.kwintenp.com
如果你阅读过关于Angular 2变化检测的资料,那么你很可能听说过zone。Zone是一个从Dart中引入的特性并被Angular 2内部用来判断是否应该触发变化检测。
如果你去到zone.js的GitHub页面,你会发现它对Zone是这么定义的:
Zone是一个在异步任务间保持一致的执 ...
Angular i18n(国际化方案)
一、引言
i18n(其来源是英文单词 internationalization的首末字符i和n,18为中间的字符数)是“国际化”的简称。在资讯领域,国际化(i18n)指让产品(出版物,软件,硬件等)无需做大的改变就能够适应不同的语言和地区的需要。对程序来说,在不修改内部代码的情况下,能根据不同语言及地区显示相应的界面。 在全球化的时代 ...
angular 自定义指令详解
一:指令的创建
创建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';
$ ...
Angular中innerHTML标签的样式不起作用详解
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>';
  ...
Angular CDK Overlay 弹出覆盖物
为什么使用Overlay?
Overlay中文翻译过来意思是覆盖物,它是Material Design components for Angular中针对弹出动态内容这一场景的封装,功能强大、使用方便,尤其在开发自己的组件库时,可以让你少写许多代码,可以说只要是弹出内容的场景基本都可以使用Overlay.我们自己的组件库中弹出场景基本都已经使用Overlay,如自定 ...
Angular Material (Components Cdk) 学习笔记 Table
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 ...
Angular TemplateRef
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 ...
angular 项目创建打包过程
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. ...
表单-angular
模板表单:
<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);
} ...
Angular5.0之 安装指定版本Angular CLI
我们可能会发现按照网上的方式下载安装后,使用Angular CLI生成的项目并不是我们想要的Angular的版本,因为在我们没有指定安装版本的前提下,默认会下载最新的版本安装,然而不同的Angular CLI版本在生成项目时默认的使用的Angular的版本又是不一样的,不同版本有些实现又存在差异,所以为开发者造成了很大的麻烦,下面我们 ...
Angular 服务
英雄指南的 HeroesComponent 目前获取和显示的都是模拟数据。
本节课的重构完成之后,HeroesComponent 变得更精简,并且聚焦于为它的视图提供支持。这也让它更容易使用模拟服务进行单元测试。
如果你希望从 GitHub 上查看我们提供测试的源代码,你可以访问下面的链接:https://github.com/cwiki-us-angular/ ...
Angular 8 发布
原文地址: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。该发布改进了应用程序在现代浏 ...
Angular包格式v8.0
Angular Package Format(APF)v8.0
This document describes the structure and format of the Angular framework packages currently available on npm. This format applies to packages distributing Angular components (like Angular Material) as well as the core framework packages published under the @angular n ...