前端开发

 首页 > 前端开发 > AngularJS > AngularJS学习笔记之基本指令(init、repeat)_AngularJS

AngularJS学习笔记之基本指令(init、repeat)_AngularJS

分享到:
【字体:
导读:
          AngularJS 指令是扩展的 HTML 属性,带有前缀 ng-。ng-app 指令初始化一个 AngularJS 应用程序。ng-init 指令初始化应用程序数据。ng-model 指令把应用程序数据绑定到 HTML 元素。...

AngularJS学习笔记之基本指令(init、repeat)

ng-init初始化变量

{{name+','+age}}

ng-init初始化对象

ng-init初始化数组

ng-controller控制器

First Name: Last Name: Full Name : {{firstName + "," + lastName}} Full Name :

ng-repeat遍历无重复集合

  • {{x}}

ng-repeat遍历重复集合

  • {{x}}

ng-repeat遍历对象

  • {{key+":"+value}}

ng-repeat遍历对象(按原有顺序)

  • {{key+":"+value}}

ng-repeat遍历对象(属性详解)

学号: : 是否为奇数? 是否为偶数? 排行是老大? 排行最小? 排行中间?

ng-repeat start/end

学号:

:

以上所述上就是本文的全部内容了,希望大家能够喜欢。

分享到:
AngularJS学习笔记之ng-options指令_Angu...
1.基本下拉效果(lable for value in array)   其中select标签中的ng-model属性必须有,其值为选中的对象或属性值。 usage:label for value in array 选项,{{selected}} -- 请选择 -- m1.controller("ngselect",['$scope',function($sc){ $sc.selected = ''; $sc...
AngularJS的内置过滤器详解_AngularJS_自...
今天我们来了解一下AngularJS的内置过滤器 先来看看这些内置过滤器使用方法: 一个过滤器,不带参数的情况{{expression | filter}} 一个过滤器,带参数的情况{{expression | filter:arguments}} 一个过滤器,带多个参数的情况{{expression | filter: arg1: arg2: ...}} 多个过滤器,不带参数的情况{{expression | filte...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……