一: 以组件开发一个to-do list应用todo组件分为导入、接口定义、顶层组件、控制器、启动5个部分。app.ts://导入 import {Component} from ‘@angular/core‘; import {bootstrap} from ‘@angular/platform-browser-dynamic‘;//接口定义interface Todo {completed: boolean;label: string; }//顶层组件@Component({selector: ‘app‘,templateUrl: ‘./app.html‘,styles: [`ul li {list-style: none;}.completed {text-decoratio...
Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。Scope 是一个对象，有可用的方法和属性。Scope 可应用在视图和控制器上。如何使用 Scope当你在 AngularJS 创建控制器时，你可以将 $scope 对象当作一个参数传递:控制器中的属性对应了视图上的属性：<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script></head><body><di...
过滤器用来格式化需要展示给用户的数据。AngularJS有很多实用的内置过滤器，同时也提供了方便的途径可以自己创建过滤器。 在HTML中的模板绑定符号 {{ }} 内通过 | 符号来调用过滤器。将字符串转换成大写：{{name | uppercase }}内置过滤器：1. currency currecy 过滤器可以将一个数值格式化为货币格式。用 {{ 123 | currency }} 来将123转化成货币格式。2. date date 过滤器可以将日期格式化成需要的格式。Angula...
了解Promise 在谈论Promise之前我们要了解一下一些额外的知识；我们知道JavaScript语言的执行环境是“单线程”，所谓单线程，就是一次只能够执行一个任务，如果有多个任务的话就要排队，前面一个任务完成后才可以继续下一个任务。这种“单线程”的好处就是实现起来比较简单，容易操作；坏处就是容易造成阻塞，因为队列中如果有一个任务耗时比较长，那么后面的任务都无法快速执行，或导致页面卡在某个状态上，给用户的体验很差。当...
1.bootstrp的弹出提示 bootstrap已经帮我们封装了非常好用的弹出提示Popover。 http://v3.bootcss.com/javascript/#popovers2.自定义popover指令 我们使用一个指令给任意元素加上popover，并且可以根据情况改变popover的content内容。JS：<script>var app = angular.module(‘testApp‘, []);app.factory(‘dataService‘,function() {var service = {};service.cacheObj = {};service.getAppName = function (appId, cal...
ng-app 指令告诉 AngularJS，<div> 元素是 AngularJS 应用程序 的"所有者"。ng-model 指令把输入域的值绑定到应用程序变量 name。ng-bind 指令把应用程序变量 name 绑定到某个段落的 innerHTML。原文：http://www.cnblogs.com/yk123/p/5857067.html
html代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>angularFilter</title> <link rel="stylesheet" href="../css/bootstrap.min.css" /> <script type="text/javascript" src="../js/angular-1.2.22.js" ></script> <script src="../js/product.js"></script> </head> <body ng-app="myApp" ng-controller="productController"> <div class="container"> <form class="navbar-form pull-left"> <in...
说到Angularjs directive即指令，可以这么说Angularjs的灵魂就是指令，学会Angularjs指令那么你的Angularjs的武功就修炼了一半了，当然这只是鄙人的一点点独到见解，废话不多说，以下是Angularjs 指令的运用及源码实现解读。学习Angularjs directive那么我们要带3个问题来学习：1. 什么是angular 指令？2. 指令如何定义存储的？3. 指令如何编译运行的？1.首先第一点解读什么是指令：At a high level, directives are markers on a ...
AngularJS不能做什么？对比Angular/JSjQueryUI/Extjs 框架就好比兵器，你得明白你手里拿的是屠龙刀还是倚天剑，刀法主要是砍，剑法主要是刺。对于那些职业喷子和脑残粉，小僧送你们两个字：呵呵；同时祝你幸福，请点右上角。 首先要明白Angular不能做什么，或者Angular没有提供什么，然后再来看它能做什么，来看Angular与其它一些主流框架的对比。 对于上面的表格，有人可能要跟我抬杠，咱大jQuery不是有各种插件吗！不是有各种E...
scope（作用域）是应用在 HTML（视图）和 JavaScript（控制器）之间的纽带。Scope是一个对象，有可用的方法和属性。Scope 可应用在视图和控制器上。Scope 是模型。Scope 是一个JavaScript 对象，带有属性和方法，这些属性和方法可以在视图和控制器中使用。 1<div ng-app="myApp" ng-controller="myCtrl"> 2<input ng-model="name"> 3<h1>{{greeting}}</h1> 4<button ng-click="sayHello()">点我</button> 5</div> 6<script> 7var ...
在angularJs中，视图就是dom，控制器就是js类，模型数据则被存储在对象属性中。在angularJs中，创建模型对象的方式可以避免一些非典型的预期行为。对于首页页面中的数据绑定操作建议使用ng-bind代替{{}}。 不要复用controller 一个控制器只负责一小块视图不要在controller中操作dom不要在controller中进行数据格式化不要在controller里数据过滤 即$filtercontroller之间不要相互调用，交互要通过事件 AngularJs 主要应用于构建CRUD...
1<body ng-app="myapp" ng-controller="myCtrl">2<h2>猜一猜，多大值？（1-1000）</h2>3 我猜是:<input type="text" ng-model="guess">4<button ng-click="check()">验证</button><button ng-click="reset()">再玩一次</button><br>5<span ng-if="fil>0">您猜的数大了</span>6<span ng-if="fil<0">您猜的数小了</span>7<span ng-if="fil==0">您猜对了</span>8<p>猜的次数<span>{{n}}</span></p>9</body> 1<script src="angular...
本文翻译自：$parsers and $formatters in Custom Validation Directives in Angular JS 在使用angularJS的应用中，有时候我们需要定义自己的表单验证。自定义验证在angularJS中是通过创建指令来实现的，该指令依赖于ng-model指令，主要是依赖于它的controller。ng-model指令提供2个由函数组成的数组： $parsers 和 $formatters，这些函数用于实现自定义验证逻辑时调用。这两个数组的用途相似，但是使用场景不同。$parsers大部分情...
阅读目录使用情况样例回到顶部使用情况1 首先，所有满足 a === 3 这种的对象，在angular.equals(a,b)中都会返回真2 所有对象的类型，以及属性值都相同的，也会返回真3 NaN和NaN也会返回真（在javascript中，返回的是假）4 正则也会返回真（在javascirpt，/abc/ /abc/被认为是不相等的）回到顶部样例<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><script src="http://apps.bdimg.com/libs/ang...
其实写一个轮播图还是蛮简单的，我想了两种种方法，来实现轮播图（实际上细分是5种，但是其中两种是操作dom原生，三种是利用AngularJs的动画，所有归为两大类），等我写出来，大家好好理解一下就好。那我先写一种，第一种是不使用angularjs的动画模块，只使用指令来完成动画的切换。在这里面就是在指令里操作dom元素，超级easy。示例代码?12345678910111213141516171819202122232425262728293031323334353637383940414243444546474...