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 属...
angular2系列教程（十）两种启动方法、两个路由服务、引用类型和单例模式的妙用
今天我们要讲的是ng2的路由系统。例子例子是官网的例子，包含一个“危机中心”和“英雄列表”，都在一个app中，通过路由来控制切换视图。还包含了promise的用法，服务的用法等多个知识点。源代码：https://github.com/lewis617/angular2-tutorial/tree/g...
angular2系列教程（一）hello world
今天我们要讲的是angular2系列教程的第一篇，主要是学习angular2的运行，以及感受angular2的components以及模板语法。例子这个例子非常简单，是个双向数据绑定。我使用了官网上最简单的方法来启动这个程序，并且去除cdn使用本地加载，保证长期可以运行（因为文件都在本地，我们不用担...
使用VS Code开发Angular 2应用程序所需配置文件的解析
目录package.jsontypings.jsontsconfig.jsonlaunch.jsonsettings.jsontasks.jsonpackage.json：这是项目的基本定义文件，所有的基于nodejs的项目都会有一个package.json文件，里面会定义项目名称、版本、依赖的库，...
angular--bootstrap实例日期控件【datepicker】
head部分：<!--Bootstrap--> <link rel="stylesheet" href="/supProdom/script/bootstrap/dist/css/bootstrap.min.css" /> <script src="/s...
在Angular项目下使用Umeditor
Umeditor是百度旗下的开源富文本编辑器项目，目前用于百度贴吧，是ueditor的迷你版本。公司的Angular后台管理项目需要上传一些新闻，用Umeditor十分适合。但是目前官方只提供Jsp，Asp，Php和.net版本，也就是说只支持一般页面应用。而每次初始化编辑器时，都需要加载一次ume...
angular.js之路由的选择
在一个单页面中，我们可以添加多个模块，使得网页只在需要的时候加载这个模块。模块的切换大致上可以代替网页的切换，于是，我们便可以通过模块的切换实现网页的切换，这个切换是按需加载的。乍一看非常普通的东西，但是仔细想想就可以发现，这种思想可以解决非常多的资源。例如，假如有一个页面，需要显示1000种商品的...
[Angular 2] Use Service use Typescript
When creating a service, need to inject the sercive into the bootstrap():import {bootstrap, Component, View} from "angular2/angular2";import {TodoInpu...
Angular2中对ASP.NET MVC跨域访问
应用场景项目开发决定使用angular2进行前后端分离开发，由我负责后端服务的开发，起初选择的是web api进行开发。对跨域访问通过API中间件+过滤器对跨域访问进行支持。开发一段后，通知需要移植到MVC4项目中一同发布angular2并且放弃API，但前期开发仍然需要分离开发。遇到的问题想继续使...
angular源码分析：angular中$rootscope的实现——scope的一生
在angular中，$scope是一个关键的服务，可以被注入到controller中，注入其他服务却只能是$rootscope。scope是一个概念，是一个类，而$rootscope和被注入到controller中的一个具体的$scope都是一个个具体的对象。$rootscope之所以被称为"roo...
angular表单验证实例----可用的代码
前段时间，公司做一个单页面，就是一个表单验证，早开始在菜鸟教程上关注了angular,所以下派上用场了angular里面对于表单验证，设置了很多指令。也就是说不用自己写一些逻辑，直接绑定指令就行。ng-app 启动你angular的模块ng-controller 控制器，启动你angualr...
Angular 中的生命周期函数
一、 Angular中的生命周期函数官方文档:https://www.angular.cn/guide/lifecycle-hooks 生命周期函数通俗的讲就是组件创建、组件更新、组件销毁的时候会触发的一系列的方法。当 Angular 使用构造函数新建一个组件或指令后，就会按下面的顺序在特定时刻调用...
前后端分离之前端项目构建（grunt+require+angular）
前言前段时间做了一个项目，前端开发页面，然后把代码给到后端同学，后端同学通过vm再来渲染页面。后来才发现，这种方式简直是太low了，因为前端代码在服务端同学那里，每次前端需要更改的时候都需要去到服务端同学那里修改代码，维护成本高，卖力不讨好＝＝工作了这么久，深深的感受到了那句名言的魅力，时间就是金钱...
基于AngularJs的上传控件－angular-file-upload
今天跟大家分享的是一个依赖于angular的上传控件。前段时间做项目遇到一个需求是上传文件，大概需要实现的样式是这样子的，见下图：需要同时上传两个文件。并且规定文件格式和文件大小。因为前端框架使用angular，且不想因为一个上传功能又引入一个jquery，所以在网上查找基于angular的上传控件...
AngularJS进阶(二十五)requirejs + angular + angular-route 浅谈HTML5单页面架构
requirejs + angular + angular-route 浅谈HTML5单页面架构众所周知，现在移动Webapp越来越多，例如天猫、京东、国美这些都是很好的例子。而在Webapp中，又要数单页面架构体验最好，更像原生app。简单来说，单页面App不需要频繁切换网页，可以局部刷新，整个加...
[AngularJS] Angular 1.5 multiple transclude
If you know ui-router, multi-transclude should be easy for you also. In previou Angular version <1.4, one diretive can only have one transclude ele...