[Angualr 2] Watch for changes】的更多相关文章

首先需要项目引入 angualr meterial icons的资源库 图标资源链接 https://klarsys.github.io/angular-material-icons/ <md-button class="md-icon-button" ng-click="upDialogAndSaveFilter()" ng-disabled="fullQuery===undefined" auto-id="automation…
tab.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>test</title> </head> <body ng-app="myApp"> <div ng-controller="myCtr"> <div my-…
You can watch for form / control changes by using .valueChanges.observe({...}): this.sku.valueChanges.observer({ next: (value)=>{ console.log("sku has changed to: " , value); } }) this.myForm.valueChanges.observer({ next: (value)=>{ consol…
There are two main functions we’ll use on FormBuilder: • control - creates a new Control• group - creates a new ControlGroup import {Component, bootstrap, View} from "angular2/angular2"; import {FORM_DIRECTIVES, FormBuilder, ControlGroup} from &…
每次写博客都想由衷的给我的老大膜拜一番!以前刚开始做angular的项目的时候就有说要有点击复制的功能因为当时菜啊,不懂啊.也就没做,今天老大又给了我一个资料!“ng-clip”.跟着老大最大的收获就是看文档,在我前面的博客里就有说道学习的方法,文档贼他娘的重要了,实施也的确是这样,只是有时候不知道文档在哪那就海逼了,玩完了.好了废话不多说,开始说正事! 首先将文档的地址告诉大家以免小弟的英语不好,讲解不透,方便大家自己看   https://github.com/asafdav/ng-clip…
在angular的使用过程中我们经常用$rootScope.$new()为elem创建一个新的作用域scope,然后使用$compile(elem)(scope)编译这个含有指令的元素.那么这里传进去的scope到底是哪里的作用域?scope.$$childHead是什么作用域?编译好的elem.scope()返回的又是什么作用域?elem.isolateScope()返回的是什么作用域?知道这些是很有必要的,特别是使用jasmine测试angular指令的时候.下面使用一个例子来验证一下. i…
第一步:到github上clone  angular/material2 项目 第二步:npm install 第三步: 打开git bash (cmd 或 powershell 是无法成功运行该项目的) 第四部:运行 npm install gulp 第五步:运行 gulp material:build 第六步:运行 gulp serve:devapp PS: 在VSCode  中打开ts的文件会有很多毛毛虫,只需要对tslint.json稍作修改即可…
浏览器对于javascript的同源策略的限制,例如a.cn下面的js不能调用b.cn中的js,对象或数据(因为a.cn和b.cn是不同域),所以跨域就出现了: 简单的解释就是相同域名,端口相同,协议相同 同源策略: 请求的url地址,必须与浏览器上的url地址处于同域上,也就是域名,端口,协议相同. 如果我在本地上的域名是study.cn,请求另外一个域名一段数据 这个时候在浏览器上会报错 这个就是同源策略的保护,如果浏览器对javascript没有同源策略的保护,那么一些重要的机密网站将会很…
0.安装即环境初始化 下载node至windows,点击安装,所有环境变量直接OK: linux下载tar后,解压,在/etc/profile的path路径下增加node执行路径: export PATH=$JAVA_HOME/bin:$JRE_HOME/bin:/home/xxx/angular/node-v8.12.0-linux-x64/bin:$PATH source /etc/profile 直接使用node --version和npm, 有输出证明node环境安装完成. 下面安装an…
官网 : www.typescriptlang.org   1.编译型语言 2.强类型语言 3.真正的面向对象的语言: 有借口.有泛型.有枚举.有访问修饰符 AMD类型的面向对象的语言     npm install -g typescript        下载编译工具   编译ts文件       tsc xxx.ts/xxx.tsx/xxx.d.ts     一.有类型的script   ----  在编译期进行检查,ts只编译不执行     [声明变量]       var 变量名: 类…