Angular 中的 dom 操作（原生 js） ngAfterViewInit(){ var boxDom:any=document.getElementById('box'); boxDom.style.color='red'; } 对变量定义数据类型，防止编译报错 Angular 中的 dom 操作（ViewChild） 定义模板（模板引用） <div #myattr></div> @ViewChild
实习日记 晴 今天来了又看了看，发现有点分不清js node angular 最然知道他们是干啥的，但是发现copy教程搞不来。 上午来了准备搞一下爬虫，博哥过来说用不着。。然后直接copy了数据，又发现不会分析数据。。。 然后搞了半下午，唉。今天又说的新东西我还是听不懂，现在的状态就是干一步都需
官网链接：https://material.angular.io/cdk/drag-drop/overview 使用示例： import {Component} from '@angular/core'; @Component({ selector: 'app-drag-drop-drop', template: ` <div class="dragParent" style="width: 5
我们可以通过以下三种方式来实现： 传递一个组件的引用给另一个组件 通过子组件发送EventEmitter和父组件通信 通过serive通信 1. 传递一个组件的引用给另一个组件 Demo1 模板引用变量 模板引用变量通常用来引用模板中的某个 DOM 元素，它还可以引用 Angular 组件或指令或Web Co
注意：本教程旨在与最新版本的使用Ionic一起使用，不保证与早期版本的兼容性。 DevExtreme v21.1最新版下载 DevExpress技术交流群4：715863792 欢迎一起进群讨论 安装DevExtreme 安装devextreme和devextreme-angular npm包： npm install devextreme@21.1 devextreme-angular@
https://github.com/yeild/jigsaw html <div class="container" id="container"> <div id="captcha"></div> <div id="msg"></div></div> 调用的地方(window as any).jigsaw.init({ el: document.
<script src="./assets/lib/jquery.min.js"></script><script src="./assets/lib/jigsaw.js"></script>在index.html全局直接引入 然后使用的地方声明declare var $: any; // import * as $ from 'jquery';// import * as $ from '
angular中使用了webpack做为依赖管理器，相较于以前在html中使用<script type="text/javascript" src="xxxx"的方式，使用webpack可以实现使在需要某些依赖的时候才进行加载。性能虽然好，但在使用一些历史的依赖于jquery的依赖时往往会出现找不到jquery的问题。 情景 假设当前项目需
SourceMaps Demystified (.js.map) 当我们构建 Angular 应用程序时，会创建 js 文件和 .js.map（源映射文件）文件。 从本质上讲，源映射是一个 JSON 文件，其中包含将转译后的代码映射回原始源所需的所有信息。 在开发阶段调试 TypeScript 代码需要映射文件。 ng build --prod - 生产
在上一篇博客中，我们实现了第一个angular组件，并把它作为了我们的主页面。在这期博客中，我们将实现用户注册功能的前端以及后端功能的实现，真正进入到全栈开发。 八 用户注册功能的开发 这个功能的实现分为两部分：前端部分和后端部分。前端部分包括angular组件的建立以及服务的建
场景：后端返回的数据是一个json串，要求页面上的展示结果，跟咱们平时在json 在线解析时候看到的格式是一样的。 解决方案： angular 中使用jsonviewer 插件 步骤： 1、下载json viewer插件， https://www.npmjs.com/package/@gofynd/angular-json-viewer 2、angular 模块中引入 import
富文本组件是web程序中很常用的一个组件，特别是要开发一个博客，论坛这类的网站后台。 得益于Angular的强大，封装WangEditor组件非常简单 1.使用yarn或者npm安装wangeditor yarn add wangeditor 2.创建一个Angular的组件 ng g c q-wang-editor 3.封装组件逻辑 3.1 模板 <div #wan
第一步，到github上面搜索一下batarang，或者直接到https://github.com/angular/batarang/releases去下载batarang,我选择为了最新版本的v0.10.9的zip进行下载，解压， 运行 npm install 注意，我运行了好几次都报错，对于这个问题，再多尝试执行npm install这个命令几次就好了，具体啥原因我
通常在组件中可以使用 service 加载 API 数据。但如果有多个 API 调用，其加载逻辑就会变得复杂，而且可能组件需要处理每个加载请求的中间状态，做出合适的 UI 提示。 Resolver 设计为在 Router -> Component 中间插入了一个附加的对象，可以用来提前准备组件所需要的数据，从而使得组件的
在Angular中，官方团队在开发Material组件库的同时，顺手做了一套Component dev kit，也就是在Angular世界中大名鼎鼎的CDK，这套工具包提供了非常多的前端开发的通用功能。Angular的知名组件库几乎都依赖了这套开发包。比如ANT，PrimeNG等。 本文主要写用cdk实现一个简单的Toast组件，使用
如下图所示，自定义指令 cxPopover，包含了两个输入参数： 消费的 html 页面： 看起来，cxPopOver 和 cxPopoverOptions 是两个不同的指令，然而其实际上是定义在同一个指令文件里的不同 input 属性。 另一个例子： 打印输出： 更多Jerry的原创文章，尽在："汪子熙":
Angular提供了一套非常强大的表单验证库（vue和react都需要第三方库的支持），可以非常方便简单实现web应用程序中的表单验证功能。但是如何让我们自定义的组件也支持验证呢？ 我遇到一个需求是封装WangEditor这个富文本编辑器放到表单中。 这种需求是非常常见的，Angular给我们提供了Cont
在angular中基础用法 import {Observable} from 'rxjs'; //导入rxjs模块 import { map, filter, scan } from 'rxjs/operators'; //按需导入需要的操作符 of(1, 2, 3) //创建一个可观察对象 .pipe( //通过pipe管道符来先处理数据 filter((value)=>{ if(value
背景知识 Angular Google 的一名员工 Misko Hevery 当时正在做一个副业项目，旨在简化构建 Web 应用程序的过程。他在 2010 年将解决方案作为开源项目发布，名为 AngularJS，并被一些 知名企业 积极使用。 几年后，由于 JavaScript 有了新的进展，团队被迫将 AngularJS 基于 TypeScript
原文：Faking dependencies in Angular applications 使用 Angular 依赖注入系统的强大功能，我们可以伪造特定的用例。 这对于自动化测试很有用，但在本文中，我们将研究一种将其用于手动测试的方法。 为了让我们的生活更轻松，我们将创建一个浏览器伪造组件，由于自定义结构指令，该组件仅在开
原文：Testing and faking Angular dependencies 依赖注入是 Angular 的一个关键特性。这种灵活的方法使我们的可声明和基于类的服务更容易隔离测试。 可摇树依赖项移除了间接层 即Angular 模块，但我们如何测试它们的可摇树 provider？我们将测试依赖于特定平台 API 的注入令牌的值工厂
Tree-shakable dependencies in Angular projects Tree-shakable 依赖更容易推理和编译成更小的包。 Angular 模块 (NgModules) 曾经是提供应用程序范围依赖项（例如常量、配置、函数和基于类的服务）的主要方式。 从 Angular 版本 6 开始，我们可以创建可摇树的依赖项，甚至可以忽略 Angu
原文：Testing and faking Angular dependencies 依赖注入是 Angular 的一个关键特性。这种灵活的方法使我们的可声明和基于类的服务更容易隔离测试。 可摇树依赖项移除了间接层 即Angular 模块，但我们如何测试它们的可摇树 provider？我们将测试依赖于特定平台 API 的注入令牌的
在根目录创建proxy.config.json文件，写入： { "/api": { "target": "http://yourIP:8888", "secure": false, "logLevel": "debug", "pathRewrite": { "^/api": ""
前言 实现新闻列表自动滚动，类似中奖名单那种滚动，目前 js 实现的方式还是有很多相关代码的，不过这里使用 Angular 实现，其实原理差不多，正好业务需要，在此记录下如何实现。 正文 实现思路： 1. 获取页面的元素操作其滚动条 2. 当滚动条距离底部还有 10 个像素内，需要将滚动列表再次追加 3.
