一 父组件 company.component.ts import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-company', templateUrl: './company.component.html', styleUrls: ['./company.component.css'] }) export class CompanyComponent implements OnInit { e…

$http请求的配置对象 $http()接受的配置对象可以包含以下属性: method:http请求方式,可以为GET,DELETE,HEAD,JSONP,POST,PUT url:字符串,请求的目标 params:字符串或者对象,会被转换成为查询字符串追加的url后面 data:在发送post请求时使用,作为消息体发送到服务器 headers:一个列表,每个元素都是一个函数,返回http头 xsrfHeaderName(字符串):保存XSFR令牌的http头的名称 xsrfCookieName…

通过属性绑定的innerHTML,把字符串里面的html解析 解析是没问题的,但一些内联样式会丢失掉 为了不丢掉样式,需要自定义一个管道来解决这个问题 html.pipe.ts import {Pipe, PipeTransform} from "@angular/core"; import {DomSanitizer} from "@angular/platform-browser"; @Pipe({ name: "html" }) expor…

项目需求是将年月日格式更改为年月日时分的格式展示,翻遍了整个项目没找到符合的组件,自己现敲一个也来不及,只好直接使用原生自带的组件--datetime-local.之前都是用的vue写项目,第一次接触angular,本以为很完美的方案,但是ng-model所绑定input的type为date时,初始化的值也要求必须是date类型不然就报错.     因为datetime-local的value格式是"YYYY-MM-DDThh:mm",如果不是这样的格式是无法渲染出来的,ng-mode…

1.在checkbox中使用.prop而不使用.attr ,.attr有时并不如愿的改变checkbox的打钩问题 给这个checkbox设置return  false就能阻止点击则改变状态的默认行为,然后你需要什么样的行为(比如加个是否的过滤)就再重新写就好了 ps(无关的):想要有滚动条,给一个div设置 overflow-x:srcoll:就可以了 2.在angular中,把{{}}表达式写在html的做法,是一个取值的过程,只要加了{{}},相当于就已经读出来了,也不会再变了 当我们需要…

前端MV*框架现在有很多,其中某些框架有计算列(又叫监控属性),比如:微软推荐的 Knockout.js 和博客园司徒正美的 avalon.js 框架. 本人只使用过 Knockout.js,avalon.js 没有时间研究,据作者介绍是款集合所有MV*框架优点而打造的一款轻量级MVVM框架. Avalon.js 实现计算列示例: 之前就有看过 avalon.js 关于计算列属性的一个示例, http://rubylouvre.github.io/mvvm/ 输入First Name 或者 La…

Angular组件间通讯 组件树,1号是根组件AppComponent. 组件之间松耦合,组件之间知道的越少越好. 组件4里面点击按钮,触发组件5的初始化逻辑. 传统做法:在按钮4的点击事件里调用组件5的方法.紧密耦合. Angular:在组件4根本不知道组件5存在的情况下实现. 使用松耦合的方式在组件之间传递数据开发出高重用性的组件. 使用输入输出属性在父子关系的组件之间传递数据. 一.输入输出属性概述 组件设计成黑盒模型,用输入属性声明从外部世界接收什么东西.不需要知道这些东西从哪里来来.…

AngularJS 优点 模板功能强大丰富,并且是声明式的,自带了丰富的Angular指令: 是一个比较完善的前端MVC框架,包含模板,数据双向绑定,路由,模块化,服务,过滤器,依赖注入等所有功能: 自定义Directive,比jQuery插件还灵活,但是需要深入了解Directive的一些特性,简单的封装容易,复杂一点官方没有提供详细的介绍文档,我们可以通过阅读源代码来找到某些我们需要的东西,如:在directive使用 $parse: ng模块化比较大胆的引入了Java的一些东西(依赖注入)…

Angular 5.x Template Syntax Learn Note Angular 5.x 模板语法学习笔记 标签(空格分隔): Angular Note on github.com 上手 官网Heroes 例子:Demo On Github. 一.模板与数据绑定 1. 显示数据 selector 选择自定义标签的名称. template 属性定义内联模板:templateUrl 属性定义外链模板. 值的声明和初始化. export class AppComponent { // 变量…

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