AngularJs 初级入门学习笔记

刚学angular, 做一些笔记方便自己翻看.

ng-app: 填写模块的名称

ng-init: 初始化数据(一般通过控制器初始化)

ng-model: 填写数据模型

ng-bind: 绑定数据模型, 用于展示数据

ng-controller: 控制器, 用于存储数据,改变数据等

ng-disabled: 绑定应用程序数据到 HTML 的 disabled 属性

ng-show(ng-hide): 通过数据的true或false来控制 DOM 元素显示或隐藏

ng-事件名: 绑定HTML的对应事件(例如: ng-click 绑定onclick事件) 注:onchange事件不可以绑定

ng-include: 用来包含HTML内容，需要在服务器环境下

ng-repeat: 用来遍历数据并且填在HTML中

{{ $scope.name }}: 两个大括号是Angular的表达式，它们可以包含文字、运算符和变量

$http.get(url) 用于读取服务器数据的函数

例:

 function customersController($scope,$http) {

 　　$http.get("../xxx.php")

 　　.success(function(response) {$scope.data = response;});

 }

创建模块

var app = angular.module("myApp",[]); //myApp为模块名

新建控制器

 app.controller("myController",function($scope){

 　　$scope.data = "something";

 　　$scope.method = function(){

 　　　　/* 一些操作 */

 　　}

 })

过滤器

用管道符"|"接在后面即可,例如

 <p><input type="text" ng-model="name"></p>

 <ul>

 　　<li ng-repeat="x in names | filter:name | orderBy:'country'">

 　　　　{{ (x.name | uppercase) + ', ' + x.country }}

 　　</li>

 </ul>

currency: 格式化数字为货币格式
filter: 从数组项中选择一个子集
lowercase: 格式化字符串为小写
orderBy: 根据某个表达式排列数组
uppercase: 格式化字符串为大写

巴特西

AngularJs 初级入门学习笔记

刚学angular, 做一些笔记方便自己翻看.

创建模块

var app = angular.module("myApp",[]); //myApp为模块名

新建控制器

过滤器

最新文章

热门文章

巴特西

AngularJs 初级入门 学习笔记

刚学angular, 做一些笔记方便自己翻看.

创建模块

var app = angular.module("myApp",[]); //myApp为模块名

新建控制器

过滤器

最新文章

热门文章

AngularJs 初级入门学习笔记