[Angualr 2] Using FormBuilder

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 &…

[Angualr 2] Watch for changes

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…

angualr Material Icons

首先需要项目引入 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…

怎么使用formBuilder以拖拽方式编写页面

1.以admin用户登录系统,打开formbuilder http://localhost:8081/framework/main/formbuilder 2.从右方组件中,用鼠标拖拽页面所需的组件到左边!例如: 3.鼠标点击左边的元素,修改属性!例如: 保存以后变成: 4.修改其他元素的属性,制作所需页面!完成后例如: 5.点击Rendered,将内容拷贝到blank.jsp文件中 \src\main\webapp\WEB-INF\views\modules\formbui…

[Angular2 Form] Reactive Form, FormBuilder

Import module: import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { MessageComponent } from './message.component'; import messageRoutes from './message.routes'; import {FormsModule, ReactiveFormsModule} f…

Angular2+之使用FormGroup、FormBuilder和Validators对象控制表单（取值、赋值、校验和是否可编辑等）

1.要使用Angular自带的表单控制需要先引入相关模块(.ts文件): import { FormGroup, //表单对象类 FormBuilder, //表单生成工具类 Validators} //表单验证类 from "@angular/forms"; 2.然后定义一个FormGroup对象,并且对它进行初始化(.ts文件): public advForm: FormGroup; this.advForm = this.formBuilder.group({ selAdvert…

Laravel Form-builder使用

添加formbuilder插件: Composer应用 composer require kris/laravel-form-builder 下载成功修改配置文件在config/app.php ‘providers’ => [ Kris\LaravelFormBuilder\FormBuilderServiceProvider::class, ] ‘aliases’ =>[ 'FormBuilder' => Kris\LaravelFormBuilder\Facades\F…

angualr 实现tab选项卡功能

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-…

ORACLE FormBuilder触发器执行顺序

1．当打开FORM时: (1)PRE-FORM (2)PRE-BLOCK(BLOCK级) (3)WHEN-NEW-FORM-INSTANCE (4)WHEN-NEW-BLOCK-INSTANCE (5)WHEN-NEW-RECORD-INSTANCE (6)WHEN-NEW-ITEM-INSTANCE 2．当填写一行记录完成后,光标移动到下一条记录的时候: (1)WHEN-VALIDATE-RECORD (只将填写的记录与数据库中已存在的记录作唯一性的验证,如果只是页面上的数据重复而数据库中没有…

ng-clip angualr 的copy功能

每次写博客都想由衷的给我的老大膜拜一番!以前刚开始做angular的项目的时候就有说要有点击复制的功能因为当时菜啊,不懂啊.也就没做,今天老大又给了我一个资料!“ng-clip”.跟着老大最大的收获就是看文档,在我前面的博客里就有说道学习的方法,文档贼他娘的重要了,实施也的确是这样,只是有时候不知道文档在哪那就海逼了,玩完了.好了废话不多说,开始说正事! 首先将文档的地址告诉大家以免小弟的英语不好,讲解不透,方便大家自己看 https://github.com/asafdav/ng-clip…

angualr高级篇之elem.scope()、elem.isolateScope和$compile(elem)(scope)中scope的区别

在angular的使用过程中我们经常用$rootScope.$new()为elem创建一个新的作用域scope,然后使用$compile(elem)(scope)编译这个含有指令的元素.那么这里传进去的scope到底是哪里的作用域?scope.$$childHead是什么作用域?编译好的elem.scope()返回的又是什么作用域?elem.isolateScope()返回的是什么作用域?知道这些是很有必要的,特别是使用jasmine测试angular指令的时候.下面使用一个例子来验证一下. i…

windows 下运行angualr/material2 项目

第一步:到github上clone angular/material2 项目第二步:npm install 第三步: 打开git bash (cmd 或 powershell 是无法成功运行该项目的) 第四部:运行 npm install gulp 第五步:运行 gulp material:build 第六步:运行 gulp serve:devapp PS: 在VSCode 中打开ts的文件会有很多毛毛虫,只需要对tslint.json稍作修改即可…

angualr跨域访问配置

浏览器对于javascript的同源策略的限制,例如a.cn下面的js不能调用b.cn中的js,对象或数据(因为a.cn和b.cn是不同域),所以跨域就出现了: 简单的解释就是相同域名,端口相同,协议相同同源策略: 请求的url地址,必须与浏览器上的url地址处于同域上,也就是域名,端口,协议相同. 如果我在本地上的域名是study.cn,请求另外一个域名一段数据这个时候在浏览器上会报错这个就是同源策略的保护,如果浏览器对javascript没有同源策略的保护,那么一些重要的机密网站将会很…

Angualr学习笔记

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…

学习angualr之前需要了解的typeScript知识

官网 : www.typescriptlang.org 1.编译型语言 2.强类型语言 3.真正的面向对象的语言: 有借口.有泛型.有枚举.有访问修饰符 AMD类型的面向对象的语言 npm install -g typescript 下载编译工具编译ts文件 tsc xxx.ts/xxx.tsx/xxx.d.ts 一.有类型的script ---- 在编译期进行检查,ts只编译不执行 [声明变量] var 变量名: 类…

angualr 之 $$phase

对于angular, $$phase 是作为angular 内部状态表示位,用来标示当前是处于哪个阶段. 用有的阶段有 $digest $apply 在使用的是例如你想调用scope.$apply的时候,经常会遇到这样的错误 Error:$apply already in progress 为了预防这样的错误, 有人是这么写的 if (!scope.$$phase && !scope.$root.$$phase){//脏值检测 scope.$apply(); } 一个合理的做…

angular formBuilder

…

Angualr 实现复选框全选功能

html <html lang="en"> <head> <meta charset="UTF-8"> <title>document</title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <script src="http://cdn.st…

Angualr+asp.net core webapi+efcore系列

想着学习一门前端框架,WTF,看了又看,卧槽对于.Net程序员来说,还有什么比面向对象更香的呢,所以果断的选择了Angular.正好看各路大神以及官方文档想学习一下asp.net core,那就搞起吧.go,go,go! 参考博客https://www.cnblogs.com/chenxincoder/p/9333074.html…

angualr post 数据请求

数据请求 post 新建一个服务 1. ng g service services /+服务名 eg:ng g service services/player 在此服务中进行设置引入自带组件以及注册 import {HttpClient,HttpHeaders} from '@angular/common/http' 在export class PlayerService中写入 httpOptions = {headers: new HttpHeaders({'content-Typ…

angualr项目引入容联七陌7mroo

最近项目要求在注册页面增加客服服务浮窗,各种查找资料准备采用7moor来实现.现记录一下实现过程,便于后期查看: 引入7moor浮窗有两种方式: 1.h5方式,这种情况一般是单独打开新页面即可: 直接在页面中使用<a>链接方式引入即可. <a target="_blank" href="https//webchat.7moor/wapchat.html?accessId=185fsss-er78-11d9-34u8-88b12a5099873&for…

Angualr 内置工具-SelectionModel

SelectionModel: 被用来控制选中一个和多个item时候的逻辑.例如下拉菜单,复选框选中等,非常方便. 引入:import{SelectionModel}from'@angular/cdk/collections'; 声明:private checkSelection = new SelectionModel<string>(true, []); // 一个选中的集合,可以很方便处理选中和非选中,甚至用来判断全选的状态. 内置方法: select(value) 选中一个值到集合里面…

记录一下网上找到的别人写的angualr总结

感觉写的不错,所以讲链接保存下来 https://www.jianshu.com/p/f0f81a63cbcb…

Angular 4+ 修仙之路

Angular 4.x 快速入门 Angular 4 快速入门涉及 Angular 简介.环境搭建.插件表达式.自定义组件.表单模块.Http 模块等 Angular 4 基础教程涉及 Angular CLI 使用.创建组件.事件.自定义服务. ngFor 指令.Input.Output 装饰器等 Angular 4 指令快速入门涉及如何创建指令.定义输入属性.事件处理.如何获取宿主元素属性值.如何创建结构指令等 Angular 4 表单快速入门涉及如何创建表单.表单验证.表单控件状态.…

Angular2入门系列教程4-服务

上一篇文章 Angular2入门系列教程-多个组件,主从关系在编程中,我们通常会将数据提供单独分离出来,以免在编写程序的过程中反复复制粘贴数据请求的代码 Angular2中提供了依赖注入的概念,使得我们可以很优雅得做到这一点.这里简单描述下,依赖注入可以使我们在编写代码的时候不用使用new 去生成一个类,这样就达到了解耦的目的,更多关于依赖注入的知识我觉得不应该在这里讲解和其他方式类似,Angular2使用的是装饰器@Injectable()来描述以一个类是否可注入,我们本篇文章的目的,就是…

angular2系列教程（五）Structural directives、再谈组件生命周期

今天,我们要讲的是structural directives和组件生命周期这两个知识点.structural directives顾名思义就是改变dom结构的指令.著名的内建结构指令有 ngIf, ngSwitch and ngFor. 例子…

.NetChajian

Code generation(代码自动生成) NVelocity CodeSmith X-Code .NET XGoF - NMatrix / DEVerest Compilation(编译工具) eXtensible C# - ResolveCorp Mono DotGNU - GNU Obfuscation(混淆加密) LSW-IL-Obfuscator - Lesser Software Demeanor for .NET - Wise Owl Salamander .NET Obfus…