qq_41248529的博客

在页面的布局中，经常会根据窗口的大小(或其他条件）动态的改成布局或样式。如： isToggled(): boolean { const dom: Element = document.querySelector('body'); return dom.classList.contains(this.pushRightClass); } to...

之前讲过一篇直接通过在服务器在安装angular运行环境，在通过ng serve 命令来运行项目，达到将项目部署到服务器的目的。本文是通过ng build将项目进行编译，再将编译后的文件放到tomcat的webapps目录下，来达到部署tomcat的目的。具体操作看下：ng build对项目进行编译编译成功后，会在项目跟目录下生成一个dist文件，结构如下：然后再将这个dist文件放到...

导入Module...import { ModalModule} from 'ngx-bootstrap';......@NgModule({ declarations: [AddXXComponent], imports: [ ... ModalModule.forRoot() ... ]})export class AddXXModule { ...

组件生命周期钩子指令和组件的实例有一个生命周期：新建、更新和销毁。如果我们能够熟悉每个生命周期的过程可能会帮我我们很简单的实现一些比较麻烦的功能每个接口都有唯一的一个钩子方法，它们的名字是由接口名加上 ng前缀构成的。比如，OnInit接口的钩子方法叫做ngOnInit。想调用相应的生命周期需要实现该接口，下面简单样例：import { Component, OnInit, Template...

首先将angular项目运行环境配置好，和本地基本类似：如node.js，npm，angular/cli等环境。配置好之后直接将本地的angular项目copy到服务器上来，然后ng serve如果出现报错：Error: Missing binding /opt/project/web/roctec-console/node_modules/node-sass/vendor/linux-x...

在vs code中 ctrl+鼠标左键 点击ts里的方法和变量可以跳，但是点击html中的方法不能跳到ts的方法上，安装插件 angular support就好了，亲测有效插件：

Angular请求返回的数据默认是做json解析处理，如果返回的数据不是json格式，就会报错，如下：Unexpected token O in JSON at position 0这时候就要对请求的返回数据格式进行处理，如下：如果需要返回非JSON数据，则需要在请求时设置responseType头信息为text：Get请求： return this.http.get(url, {...

HttpGet或 HttpPost都不能传包含 " 、“{"、"}"这样的参数，需要对特殊字符进行转义，把 " 转成%22，把 { 转成%7b，把 } 转成%7d如果url中含有这些特殊字符，都需要进行转义，否则请求报400错误，这个问题还是花了一天时间都无法解决，最后加angular学习群（788980451）问大佬才解决的，感谢各位群里的各位大佬原始URL：包含{ ' ' } 字符需要转...

对于angular2中的Input和Output可以和angularjs中指令作类比。Input相当于指令的值绑定，无论是单向的(@)还是双向的(=)。都是将父作用域的值“输入”到子作用域中，然后子作用域进行相关处理。Output相当于指令的方法绑定，子作用域触发事件执行响应函数，而响应函数方法体则位于父作用域中，相当于将事件“输出到”父作用域中，在父作用域中处理。看个ang...

@viewChild作用一：选择组件内节点<!--视图 --><div #mydiv><input></div>// 选择@ViewChild('mydiv') mydiv: ElementRef// 返回原生节点let el = this.mydiv.nativeElement // // 使用原生方法let ipt = e...

本章中介绍响应式表单的创建及表单输入值的校验,对于模板表单就略过。一、使用响应式表单的步骤1、在模块(一般是app.module.ts)中引入ReactiveFormsModule2、在组件的ts文件中使用响应式表单import { FormGroup, FormBuilder, Validators, FormControl } ...