一.scope是什么？ scope是表达式(expression)的执行上下文，scope可以监测($watch)表达式(expression)的变化和传播事件($emit,$broadcast).二.scope特性 1.scope提供$watch API,用于监测model的变化 2.scope提供$apply API,将angular环境外的dom操作应用到angular环境上 3.scope通过原型，从parent scope继承属性。child scope可以直接访问parent scope上的属性，parent scope没法直接访问child scope上的属性三...
$scope.$on(‘$locationChangeStart‘, function(e) { if(!tfOrder && comm.getStorage(‘orederlistLen‘)>0){if(confirm("退出将清空投注")){ //浏览器自带返回按钮点击时，清空投注 //code}else{e.preventDefault(); //阻止后退}}}); http://www.cnblogs.com/gaoruixin/p/6070502.html原文：http://www.cnblogs.com/web-fusheng/p/7652759.html
<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title></title></head><body ng-app="myNoteApp" ng-controller="myNoteCtrl"><h2>我的笔记</h2><textarea ng-model="message" cols="40" rows="10"></textarea><p><button ng-click="save()">保存</button><button ng-click="clear()">清除</button></p><p>Number of characters left:<span ng-bind="left()"></span></...
Angular 2 Form表单在angular2 form表单中我们需要了解表单数据绑定、数据验证、数据提交等内容，在下面的示例中并没有实际提交到后台，这部分内容在今后webapi中加以练习。表单建立<form (ngSubmit)="onSubmit(planetForm.value)" #planetform="ngForm"></form>这里是一个空的表单ngSubmit是一个事件，用于提交数据，数据则是整个form表单的内容，通常情况下我们的表单会绑定到我们的一个model中，那么提交的数据最后也是以json格...
原文：ExtJS vs AngularJSExtJS和AngularJS是两个行业内率先的富界面开发框架。TechFerry有机会使用Ext JS和Angular JS来开发多个富界面的单页面应用程序。本文讲述的就是使用这两种技术来开发多个应用程序后的开发体验。本文环绕利弊、架构、測试、移动能力、性能、生成和部署等方面对Ext JS和Angular JS进行了超过30个以上的要点进行了比較。我们将通过使用Ext JS和Angular JS开发一个測试应用程序来了解架构细节，以便进行具体的...
AngularJS通过指令将application数据绑定到HTML DOM元素的属性上。ng-disabled指令 ng-disabled指令将AngularJS application数据绑定到HTML元素的disabled属性上。<div ng-app=""><p><button ng-disabled="mySwitch">Click Me!</button></p><p><input type="checkbox" ng-model="mySwitch">Button </p></div>运行代码解释： ng-disabled指令将application数据mySwitch绑定到HTML button的disabled属性上。 ng-model指令将...
为什么要继承，本来是后端的概念，但是同样适用于前端开发。继承，无疑是将通用的东西抽取出来。下面介绍的是angular的伪继承，就是说是通过继承scope这个变量来实现的。代码很简单，一行代码就可以。注意：需要引入 $controller 这个服务。代码如下：baseController.js//品牌控制层 app.controller(‘baseController‘ ,function($scope){ //重新加载列表 数据$scope.reloadList=function(){//切换页码 $scope.searc...
What is a service in AngularJSBefore we talk about what a service is in Angular. Let‘s talk about a service in web development. If you have any experience developing web applications1. You might have heard about Web Services and WCF Services2. You might have also created objects that provide some services. For example, a Math object may provide services to add numbers. So, a service in Angular i...
壹 ? 引我在 angularjs 一篇文章看懂自定义指令directive 一文中简单提及了自定义指令中的link链接函数与compile编译函数，并说到两者具有互斥特性，即同时存在link与compile时link不生效。由于上篇博文篇幅问题，实在不好再过多讨论link，compile，那么本文将围绕三个问题展开，一是再识link与compile函数，你将知道两者为何互斥；二是了解link、compile与controller的区别，存在即合理，在合适的场景下应该使用哪个方法；三是了解...
虽然网上概括了四种或更多的传值方式，但我现在用的顺手的就两种首先要知道AngularJs可以构建一个单页面应用程序，所以我划分为跨控制器传值 和 跨页面传值 两类1、跨控制器传值—— $rootScope原理：所有的应用都有一个 $rootScope，它可以作用在 ng-app 指令包含的所有 HTML 元素中。$rootScope 可作用于整个应用中。是各个 controller 中 scope 的桥梁。用 rootscope 定义的值，可以在各个 controller 中使用应用：所以在跨控制...
<img src="https://angularjs.org/img/AngularJS-large.png" height="50px" weight="50px"/><h3>Sum of two Numbers using AngularJS</h3><div ng-app=""><h3>Using Double Negation</h3><p>First Number:<input type="text" ng-model="a" /></p><p>Second Number:<input type="text" ng-model="b" /></p> <p>Sum: {{ a -- b }}</p><h3>Using Input Type Number</h3><p>First Number:<input type="number" ng-model="c" /></p><p>S...
Using Angular, you can actually access the scope and other things from the console, so when you have a live web page, you can dive in and grab things out of the scope and modify them and what not. $0 is a shortcut for the selected element in your elements. Then you can get the socpe by using:var $scope = angular.element($0).scope(); Can use this $scope to change ng-Model‘s value, to get controlle...
第一章 简单认识AngularJS 1、双向数据绑定可通过ng-model监控输入ng-app属性声明所有被其包含的内容都属于这个AngularJs应用，这也是我们在web应用中嵌套AngularJs的原因只有被具有ng-app属性的DOM元素包含的元素才会受AngularJs的影响2、MVC模式MVC是一种软件架构设计模式，它将表现从用户交互中分离出来；模型中包含应用的数据和与数据进行交互的方法，视图将数据呈现给用户，而控制器则是二者之间的桥梁。3、模块使用angular....
AngularJS中文学习网：https://www.angularjs.net.cn/ 在Angular JS中常见指令：ng-app：创建一个angularjs的应用ng-init：用来初始化变量数据ng-repaest：遍历对象或者数组等符合数据类型，数组：遍历 下标$index 元素值 ng-repeat = “ele in 模型变量”注意：如果数组中的元素重复，解决ng-repeat=“ele in 模型变量 track by $index”对象：属性值 属性名称 属性值 ng-repeat=（key，value）in 模型变量 ...
创造自定义元素和属性的方法是：directive(‘string‘,function(){ return{}; });①函数接收两个参数：一个字符串(指令的名字)，一个函数；②回调函数必须返回一个对象。③字符串参数(指令的名字)必须符合驼峰命名法则，HTML内的自定义元素或属性名字用连字符链接。 例如：directive(‘myDerective‘,function(){return{};}); <my-directive></my-directive>、<div my-directive></div>④返回对象的属性：restrict：A(...