【AngularJs 第三节随笔】的更多相关文章

AngularJs 第三节随笔

利用$scope暴露模型数据 利用向控制器传递$scope对象的机制,可以把模型数据暴露给试图.在你的应用中可能还有其他数据,但是只有通过$scope 触及这些数据,angular才会把它当成数据模型的一部分.你可以把$scope当成一个上下文环境,它让数据模型上的变化变得可以观察.对于显式地创建$scope属性,例如:$scope.count = 5;还可以间接的通过模板自身创建数据模型.我们可以通过以下几种方式来实现这一点: 1:通过表达式.既然表达式是在控制器的$scope环境中执行的,而…

AngularJs的$http使用随笔

AngularJs的$http服务是Angularjs自带的核心服务之一,用来与HTTP远程服务器交互. 关于$http使用,我体会的一下几点注意: 1.在使用是报“Uncaught ReferenceError: $http is not defined”这个错 是因为没有在方法中引入$http -> function($http){} function($http){ $http({ method:'GET', url:'a.json' }).success(function(data){…

AngularJS 学习随笔（一）

AngularJS 初始化加载流程: 1:浏览器载入HTML,然后把它解析成DOM 2:浏览器载入Angular.JS 脚本 3:AngularJS 等到DOMContentLoaded时间触发 4:AngularJS寻找ng-app 指令,这个指令指示了应用的边界 5:使用ng-app 中指定的模块来配置注入器($injector) 6:注入器($injector)是用来创建“编译服务($complieserver)”和“根作用域($rootScope)”的 7:编译服务($compile s…

AngularJS(1)随笔

ng-app 指令告诉 AngularJS,<div> 元素是 AngularJS 应用程序 的"所有者". ng-model 指令把输入域的值绑定到应用程序变量 name. ng-bind 指令把应用程序变量 name 绑定到某个段落的 innerHTML. AngularJS 表达式 与 JavaScript 表达式 类似于 JavaScript 表达式,AngularJS 表达式可以包含字母,操作符,变量. 与 JavaScript 表达式不同,AngularJS 表…

angularJS随笔

1.作用域 基于作用域的事件传播 作用域可以像DOM节点一样,进行事件的传播.主要是有两个方法: broadcasted :从父级作用域广播至子级 scope emitted :从子级作用域往上发射到父级作用域 <!doctype html> <html ng-app> <head> <script src="http://code.angularjs.org/1.2.25/angular.min.js"></script>…

随笔编号-04 AngularJS 相关小问题解决方案合集

1  解决 Select选择框遍历时,出现一个空白选项: <select style="width: 20%;margin-left: 5px;height: 31px;" ng-model="selectDataForMonth" ng-options="b for b in selectData" ng-change="changeCustomer()" > <option value="&qu…

AngularJS 系列 01 - HelloWorld和数据绑定

目录导读: AngularJS 系列 学习笔记 目录篇 前言: 好记性不如烂键盘,随笔就是随手笔记,希望以后有用. 本篇目录: 1. Hello World 2. AngularJS中的数据绑定 3. 简单的数据绑定 4. 数据绑定的最佳实践 1. Hello World 写一个Hello World的应用是咱们接触任何一个语言的基本途径,AngularJS也是如此. 随着学习的深入,我们会逐渐深入到AngularJS的内部原理中,现在,废话不多说,开始咱们的Hello World. 这里我使用…

AngularJS笔记---路由视图

最近有同事提到过关于ng-view的使用, 其实自己也不懂了,由于最近一直在做AngularJs的Rearch,所以就看了一些关于ng-view的国外博客. 做过ASP.NET MVC4的都知道, 我们会有一个对应的controller和views,还有一个routerconfig. 其实在AngularJS也有类似的东西.下面我会按照Asp.net的MVC框架搭建一个AngularJs的小Demo出来. 一.创建文件目录: A. Controller文件夹放ng-controller的代码 B…

angularjs指令系统系列课程（1）：目录

angularjs里面有一套十分强大的指令系统 比如内置指令:ng-app,ng-model,ng-repeat,ng-init,ng-bind等等 从现在开始我们讲解AngularJS自定义指令, 对于指令的命名:在定义时采用驼峰命名比如:helloDirective, 在页面中调用时会按照大写字母用-进行分割,并将大写字母变成小写:hello-directive 先看一个简单的指令: js angular.module('app',{}).directive('helloDirective'…

requirejs按需加载angularjs文件

之前分享了一篇用ocLazyLoad实现按需加载angular js文件的博客.本来当时想会使用一种方法就行了.可最近刚好有时间,在网上查找了一下requirejs实现angular js文件按需加载的资料.方案如下: 项目的主结构如下图: 1.index.html是最外层的页面,页面代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">…