1<!DOCTYPE html> 2<html lang="en"> 3<head> 4<title>AngularJS</title> 5<!--学习地址--> 6<!--http://www.yiibai.com/angularjs/angularjs_includes.html--> 7<!--http://docs.angularjs.cn/api/ng/filter/filter--> 8<!--http://docs.angularjs.cn/api/ng--> 9<!--推荐使用工具 vs2015 或 WebStorm--> 10<!--加载框架--> 11<script src="/Scripts/tool/angularjs/Angular.js"></script> 12<script> 13// 注册控制器 14...
AngularJS 指令是扩展的 HTML 属性，带有前缀 ng-。比如：ng-app 指令初始化一个 AngularJS 应用程序。注意ng-app一般为空，如果值不为空，就得加这样一句代码var app = angular.module(‘名字‘, []);ng-init 指令初始化应用程序数据。这个在之前已经说过了，下面讲一下之前没讲到的。ng-repeat指令与ng-options指令<!--一般ng-repeat通常用于ul与li这种列表和表格--><div ng-app="" ng-init="names=[ {name:‘Jani‘,country:‘N...
1、 下载angular-seed-master-master包，解压缩后将新版本的angularJS文件放入其中。 2、 制作frontmockup文件夹（前端调用），同时制作backmockup文件夹（后端调用），使用IIS开启2个webserver（此步骤可以用其他方式替代）。 3、 backmockup站点添加以下HTTP头Access-Control-Allow-Credentials：trueAccess-Control-Allow-Headers：origin,x-requested-with,content-typeAccess-Control-Allow-Methods： POST,GET,OPTIONSAcc...
本人学习JS和AngularJS时做的笔记。JavaScript：基础知识：定义变量：var（全局或函数作用域）；let、const（块作用域、不提升变量）；Tips：直接使用x=1会将x转换为全局变量，严格模式（“use strict”）报错；数据类型：Boolean、Number、String、Object、Null、Undefined；布尔值：false、null、undefined、0、NaN、””（空字符串）等价false，其余为true；比较：===（类型相同，值相同），==（会进行类型转换），对象比较引用...
<!DOCTYPE HTML> <html ng-app="myApp"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <script src="angular.min.js"></script> <script>var m1 = angular.module(‘myApp‘,[]);m1.config([‘$interpolateProvider‘,function($interpdateProvider){$interpdateProvider.startSymbol(‘@@‘);$interpdateProvider.endSymbol(‘@@‘);}]);m1.controller(‘may‘,[‘$sc...
ngClick适用标签：所有触发条件：单击#html <div ng-controller="LearnCtrl"><div ng-click="click()">click me</div><button ng-click="click()">click me</button> </div>#script angular.module(‘learnModule‘, []).controller(‘LearnCtrl‘, function ($scope) {$scope.click = function () {alert(‘click‘);}});ngDblclick适用标签：所有触发条件：双击#html <div ng-controller="LearnCtrl"><div ng-dblclick="dblclick...
AngularJS双向数据绑定ng-model与ng-bind指令这两个指令是实现双向数据绑定的最主要的指令，区别如下：ng-bind has one-way data binding ($scope –> view). It has a shortcut {{ val }} which displays the scope value $scope.val inserted into html where val is a variable name.ng-model is intended to be put inside of form elements and has two-way data binding ($scope –> view and view –> $scope) e.g. .总结来...
一、项目总体目录 README.md：项目的说明和一些常用指令说明，建议看看。e2e：看不懂暂时空着？？？node_modules/：存放npm下载的组件（npm install 后自动产生，不需要动）package.json：项目信息定义，依赖的组建信息配置文件（npm install执行时候就是下载这里的配置组件至node_modules目录），常用。.angular-cli.json：打包时候的一些配置项目，例如：样式、js、不同环境的打包参数配置.editorconfig：编码风格配置，例如：缩...
原版地址：http://code.angularjs.org/1.0.2/docs/guide/scope 一、什么是Scope？ scope（http://code.angularjs.org/1.0.2/docs/api/ng.$rootScope.Scope）是一个指向应用model的object。它也是expression（http://www.cnblogs.com/lcllao/archive/2012/09/16/2687162.html）的执行上下文。scope被放置于一个类似应用的DOM结构的层次结构中。scope可以监测（watch,$watch）expression和传播事件。 二、scope的特性scope提供$wa...
<!DOCTYPE HTML> <html ng-app="myApp"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <script src="angular.min.js"></script> <script>var m1 = angular.module(‘myApp‘,[]);m1.controller(‘may‘,[‘$scope‘,‘$interpolate‘,function ($scope,$interpolate){$scope.$watch(‘key‘,function(newVal){if(newVal){var temp = $interpolate(newVal);$scope.showt...
angularjs是谷歌公司的一个项目，弥补了hml在构建方面的不足，通过指令（directive）来扩展html标签，可以使开发者使用html来声明动态内容。angularjs主要用来开发单页应用（SPA）为主的项目。angularjs四个主要特点：1.mvc模式 2.双向数据绑定 3.模块化 4.指令系统为了使用Angular，所有应用都必须首先做两件事情1. 下载加载 angular.js 库 2. 使用ng-app 指令告诉 angular 应该管理DOM中的哪一些部分。angular 中一些常用指令：n...
<!DOCTYPE html><html ng-app><head><title>2.3.3计算阶乘实例2</title><meta charset="utf-8"><script src="../angular.js"></script><script src="script.js"></script></head><body><div ng-controller = ‘Factorial‘><form action=""><input type="text" ng-model="factorial.number"/>的阶乘结果是:<span>{{factorial.result}}</span></form></div></body></html>同样是这个例子:result的改变,本质上是由于number的改变,而不...
<script id="others_angular_103" type="text/javascript" class="library" src="/js/sandbox/other/angular.min.js"></script> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!DOCTYPE html> <html> <script class="library" src="/js/sandbox/other/angular-1.3.0.js" ></script><style> table, th , td {border: 1px solid grey;border-colla...
if (typeof(dsNgApp) === "undefined")dsNgApp = angular.module("ds.controls", []); /*** 定义wl-study-nodefig组件该组件可以挂接以下几个事件*/ dsNgApp.directive("dsPlanNodefig", function() {return {templateUrl: WLJS.getWebRoot() + ‘/resources/comp/wl-study/wl-study-nodefig-gojs/nodefigtemplate.html‘,restrict: ‘E‘,replace: true,scope: {readonly: "@",//单向绑定theme: "@",methods: "=dsPlanNodefig",//...
一、使用$http进行XHR和JSONP请求1.1 XHR请求GET:$http.get(url,config)POST:$http.post(url,data,config)PUT:$http.put(url,data,config)DELETE:$http.delete(url,config)HEAD:$http.head 1.2 JSONP请求 $http.jsonp(url,config) 1.3 方法参数说明url：调用目标URLdata：请求体中送出的数据config：包含额外配置信息的JavaScript配置对象，对请求和响应都有影响 1.4 config说明 Javascript配置对象保存着很多可选项...