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...
Angular-UI-Router
原文 http://www.cnblogs.com/youngdze/p/4025538.html主题 路由器JavaScript路由 Route为什么用 RouteAJAX 请求不会留下 History 记录用户无法直接通过 URL 进入应用中的指定页面(保存书签、链接分享给朋友)AJAX 对 ...
支持Angular 2的表格控件
前端框架一直这最近几年特别火的一个话题，尤其是Angular 2拥有众多的粉丝。在2016年9月份Angular 2正式发布之后，大量的粉丝的开始投入到了Angular 2的怀抱。当然这其中也包括我。如果你想了解Angular 2，推荐官方网站：英文版、中文版。通过快速起步，可以快速体验Angula...
简话Angular 03 Angular内置表达式大全
一句话: 大多数html标签属性和事件都有一个对应的ng指令说明:这些指令和原生html最大的区别就是可以动态更新.比如一个div的样式用ng-class后,我们就可以随意应用css class.1. 内置指令大全ng-include包含一个文件ng-href ng-src对应 href srcng...
（前端）angular报错日常以及记录日常
目录1json的key...value问题遍历json的key...value的时候报错：[tslint] for (... in ...) statements must be filtered with an if statement原代码：for (let key in this.target...
Angular之【form提交问题】
前端页面是这样： <form class="form-horizontal" role="form" name="LoginForm" > <div class="list list-inset"> <label class="item i...