组件: vue组件:xxx.vue react组件:xxx.js+xxx.css angular组件:xxx.ts+xxx.css+xxx.html angular的装饰器: @ngModule:angular的一个模块化.装饰angular的app.module.ts文件内的AppModule类. 参数: declarations:注册组件的地方 imports:注册项目用到的核心功能模块 providers:注册相关服务的 bootstrap:指定页面上初始渲染的组件 angular的组件装…

更新: 2019-11-24  dialog vs router link refer : https://stackoverflow.com/questions/51821766/angular-material-dialog-not-closing-after-navigation 今天发现一些场景可能导致 dialog 不会关闭. 比如当子组件打开一个 dialog 后 某一个操作把父组件给销毁了.这个时候 dialog content 会一起销毁掉, 因为 content 是 under…

近些年前端框架非常多,主流的有 Vue.React.Angular 等.我参与的项目中使用较多的是 Vue.因为 Vue 学习难度不大,上手很快,代码简洁,而且使用 Vue 全家桶(Vue + Vue-Router + Axios + Vuex + Vue-Bus等).再配合 Element UI 等第三方UI组件库进行开发也是不错的选择.Vue 的作者是华人,故文档等各方面资料也非常齐全. 但个人体会:如果前端项目庞大,在工程化方面,Angular 是最佳选择,最贴近 Java 后端开发的思想…

前言: 首先为什么要写这样的一篇文章呢?主要是因为前段时间写过一些关于Angualr的相关实战文章,有些爱学习的小伙伴对这方面比较感兴趣,但是又不知道该怎么入手(因为认识我的大多数小伙伴都是后端的同学),所以今天准备出一篇Angular学习资料汇总和日常开发中使用比较频繁的语法.让更多的后端程序员更好的了解学习Angualr,拓展自己的技术栈. Angular简介: Angular 是一个应用设计框架与开发平台,用于创建高效.复杂.精致的单页面应用. 学习资料推荐: Angular-GitHub…

angular学习资源   angularjs库: https://developers.google.com/speed/libraries/devguide?hl=zh-CN#angularjs   angularjs学习教程: http://www.apjs.net/#dir2     https://docs.angularjs.org/tutorial/  …

angular学习所有内容均会与vue以及react框架进行对比. angular学习使用的编译器:webstorm 解决编译器屏蔽node_modules包问题: File-->settings-->File types-->最下面 添加如下: angular根目录文件夹结构: react根目录文件结构: vue根目录文件结构:…

Angular 父子组件传值 @Input  @Output  @ViewChild 新建一个头部组件 newsheader 在主组件引用 news 组件,在news组件添加 newsheader 组件. 设置newsheader组件样式 设置newsheader组件的内容,添加一个class属性 <h2 class="header">这是一个头部组件</h2> 如果需要全局设置,则在 style.css 中设置. 如果单独设置自己的,则在自己组件的css中设置…

iCOM(英文全称:i + component,应用或学习组件,或iCOM组件),为学习资源的一种表现形式,是面向不同类型的学习对象(某一知识点或某一类知识点,如词汇.句子)专门开发的.在外部可重用的.能满足某类知识学习度量衡要求的交互式学习小应用(如游戏.动画等). 目录 1 概念 2 特点 3 互动学习组件iCOM 概念/iCOM组件 iCOM(英文全称:i + component),应用或学习组件或iCOM组件,为学习资源的一种表现形式,是面向不同类型的学习对象(某一知识点或某一类知识点,…

之前已经介绍了$location服务的基本用法:angular学习笔记(三十一)-$location(1). 这篇是上一篇的进阶,介绍$location的配置,兼容各版本浏览器,等. *注意,这里介绍的是基于angular-1.3.2版本的,低版本的$location可能会有问题. hashbang模式和history api创建单页应用 首先,$location是用在单页应用里的...(废话,angular就是用在单页的)...所以,$location处理的是url改变,但是不刷新页面的情况.…

本篇介绍angular中的$location服务的基本用法,下一篇介绍它的复杂的用法. $location服务的主要作用是用于获取当前url以及改变当前的url,并且存入历史记录. 一. 获取url的相关方法: 以 'http://localhost/$location/21.1%20$location.html#/foo?name=bunny#myhash' 这个路径为例: 1. 获取当前完整的url路径: $location.absUrl():// http://localhost/$loc…