假如我们有一个shareModule来存放公用的组件(Component)、指令(Directive)、管道(Pipe)、服务(Service),为避免各个子模块引用shareModule时造成App中有多个一样的单一实…
标签:angular
Angular8路由配置(一)
前言:单页应用中,组件时构建应用的基础元素,页面展示什么内容均是靠页面有什么组件决定的,而展示什么组件又是由一组路由(带有Url元素的特定集合,可用于导航视图)决定的,希望本文可以帮助读者了解路由的基础概念和基础使用、写…
Angular6 遇到的warn和error报错
[Violation] Added non-passive event listener to a scroll-blocking ‘mousewheel’ event. Consider mar…
使用angular框架离线你的应用(pwa指南)
简介 关于service worker,网络上已经有了较多的文章。总的来说它依靠缓存资源,拦截http请求,来帮助我们达到离线使用网站的效果。 而angular cli为了让使用service worker更加便利,为开…
Angular借助指令传递模板
上一篇中使用 @Host() @Optional() public hc: HelloComponent感觉不够优雅,也不符合正常数据传递流程。下面是改造后的实现逻辑。 在HelloComponent中使用Content…
[译] Angular 的 @Host 装饰器和元素注入器
原文链接: A curious case of the @Host decorator and Element Injectors in Angular 我们知道,Angular 依赖注入机制包含 @Optional 和…
@angular/forms 源码解析之 Validators
我们知道,@angular/forms 包主要用来解决表单问题的,而表单问题非常重要的一个功能就是表单校验功能。数据校验非常重要,不仅仅前端在发请求给后端前需要校验数据,后端对前端发来的数据也需要校验其有效性和逻辑性,尤…
@angular/forms 源码解析之双向绑定
我们知道,Angular 的 @angular/forms 包提供了 NgModel 指令,来实现双向绑定,即把一个 JS 变量(假设为 name)与一个 DOM 元素(假设为 input 元素)进行绑定,这样 name…
@angular/router 源码分析之注册路由
@angular/router 模块主要解决程序路由状态改变和懒加载模块问题。 比如,程序从路由状态 state1: /advisors/1/households/1 转变为路由状态 state2: /advisors/…
Angular系列学习三:父子组件之间的交互(常见的组件通讯场景)
作者:心叶时间:2018-07-24 16:48:56 通过输入型绑定把数据从父组件传到子组件 通过@Input()可以实现父组件传递数据给子组件,下面先看看子组件代码: import { Component, Inpu…
强烈推荐 GitHub 上值得前端学习的开源实战项目
强烈推荐 GitHub 上值得前端学习的开源实战项目。 Vue.js vue-element-admin 是一个后台前端解决方案,它基于和 element-ui 实现 基于 iView 的 Vue 2.0 管理系统模板 …
Angular7 中使用 svg sprite
起因 看到项目中很多svg,使用方法都是使用img标签引入。于是就想将svg合并,像字体图标那样方便使用。 解决方案 在网上了解到可以将众多svg文件合并成一个,用symbol+id的方式区分不同的svg图案,然后使…