Angular： DOCUMENT
import { DOCUMENT } from '@angular/common';import { Directive, Inject, Input, OnChanges, Output, Renderer2, SimpleChanges } from '@angular/core';@Dire...
Angular2 管道
1. 说明管道用来转换模板显示的内容，应用程序中经常出现获取数据，转换数据，显示数据的逻辑。管道就是用来在转换数据阶段起作用的。主要存在两种类型的管道，pure pipe和impure pipe2. Pure PipePure Pipe，stateless，关注于纯粹对象的变更，检测到输入值发生了 ...
angular-笔记
ng-model 指令ng-model 指令 绑定 HTML 元素 到应用程序数据。ng-model 指令也可以：为应用程序数据提供类型验证（number、email、required）。为应用程序数据提供状态（invalid、dirty、touched、error）。为 HTML 元素提供 CSS...
angular 点击事件阻止冒泡及默认行为
经常遇到场景：多层级元素绑定ng-click 事件，则底层元素的点击事件存在冒泡现象，怎么解决？类似原生JS ,只是语法稍有不同，如下：阻止冒泡 $event.stopPropagation()阻止默认行为 $event.preventDefault()代码实例--tab切换 // html 行内...
Angular JS 学习笔记(自定义服务：factory，Promise 模式异步请求查询:$http,过滤器用法filter，指令:directive)
刚学没多久，作了一个小项目APP，微信企业号开发与微信服务号的开发，使用的是AngularJS开发，目前项目1.0版本已经完结，但是项目纯粹为了赶工，并没有发挥AngularJS的最大作用，这几天项目到了测试那边，自己正好闲下来了，可以把项目优化一下，目标是做成SPA（单页面应该程序），因为Andr...
（七）理解angular中的module和injector，即依赖注入
（七）理解angular中的module和injector，即依赖注入时间：2014-10-10 01:16:54 阅读：63060 评论：1 收藏：0 [点我收藏+]标签：angular的injector angular的依赖注入依赖注入（DI）的好处不...
WijmoJS 全面支持 Angular 7
概述首先恭喜Angular团队发布Angular 7.0.0版本！对于大多数开发人员，只需要执行一个命令就可以更新到Angular 7：ng update \@angular/cli \@angular/core与此同时，WijmoJS 2018V3已经全面支持Angular 7，您可以使用最新版本...
在Visual Studio 2017中使用Asp.Net Core构建Angular4应用程序
前言Visual Studio 2017已经发布了很久了。做为集成了Asp.Net Core 1.1的地表最强IDE工具，越来越受.NET系的开发人员追捧。随着Google Angular4的发布。我一直在想，怎么能够用这个地表最强IDE工具编写Angular4的Asp.Net Core项目。经过不...
Angular.js之服务与自定义服务学习笔记
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>serviceAndDefinitService</title> </head&g...
angular实现了一个简单demo，angular-weibo-favorites
前面必须说一段帮客户做了一个过渡期的项目，唯一的要求就是速度，我只是会点儿基础的php，于是就用tp帮客户做了这个项目。最近和客户架构沟通，后期想把项目重新做一下，就用现在最流行的技术，暂时想的使用angular做前端框架，为了后期还能继续兼职参与。于是就学习了一下。前端的东西好多，更新的速度好快，...
angular如何引入公共JS
一、现象在项目的开发中，总会用到一些公司的脚本方法，同时，不希望在每个页面用到时又得需要引用，有点麻烦。二、解决1、在src文件夹下新建文件夹 utils；2、在utils下新建文件 common.js,如：var common = {showInfo: function(name, age){//...
angular 4 http 之web api 服务
Angular Http是获取和保存数据的。主要是为了取到我json文件里的数据。直接上代码吧：1. 先介绍Promise模式的：（直接代码）heroes.json：12345678{ "data": [ { "id": 1, "name": "Windstorm" }, { "id...
[Angular] Ngrx/effects, Action trigger another action
@Injectable()export class LoadUserThreadsEffectService { constructor(private action$: Actions, private threadsService: ThreadsService) { } @Effect(...
[Angular 2] Using ng-model for two-way binding
Two-way binding still exists in Angular 2 and ng-model makes it simple. The syntax is a combination of the [input] and (output) syntax to represent th...
angular学习笔记(三十)-指令(1)-概述
之前在 angular学习笔记(十九)-指令修改dom 里面已经简单的提到了angular中的指令,现在来详细的介绍 '指令'一.指令的创建:dirAppModule.directive('directive-name',function(){ var obj = { restr...
angular学习笔记(三十)-指令(7)-compile和link(1)
这篇主要讲解指令中的compile,以及它和link的微妙的关系.link函数在之前已经讲过了,而compile函数,它和link函数是不能共存的,如果定义了compile属性又定义link属性,那么link属性的定义会被忽略.原因继续看讲解:1.compile的返回值:compile函数返回值有两...
angular学习笔记(三十)-指令(6)-transclude()方法(又称linker()方法)-模拟ng-repeat指令
在angular学习笔记(三十)-指令(4)-transclude文章的末尾提到了,如果在指令中需要反复使用被嵌套的那一坨,需要使用transclude()方法.在angular学习笔记(三十)-指令(5)-link文章也提到了link函数的第五个参数linker.这篇文章就来讲解一下transcl...
angular学习笔记(三十)-指令(5)-link
这篇主要介绍angular指令中的link属性:link:function(scope,iEle,iAttrs,ctrl,linker){....}link属性值为一个函数,这个函数有五个参数:scope,iEle,iAttrs,ctrl,linkerscope:指令所在的作用域,这个scope和指...
angular学习笔记(三十)-指令(10)-require和controller
本篇介绍指令的最后两个属性,require和controller当一个指令需要和父元素指令进行通信的时候,它们就会用到这两个属性,什么意思还是要看栗子:html:<outer‐directive> <inner‐directive></inner‐directiv...
Angular CLI: 全局脚本
全局脚本有的时候，我们需要加载全局脚本，例如 jQuery 脚本库，第三方的控件库等等。比如 jQuery 可以直接加载到 window 对象上，这就需要我们使用 Angular 中的全局脚本来处理。使用全局脚本通过在 angular-cli.json 配置文件的 apps[0].scripts 属...