AngulerJS小知识点二

AngularJS与其他JavaScript框架最主要的区别在于,控制器并不合适用来执行DOM操作、格式化或数据操作,以及除存储数据模型以外的状态维护操作。他只是视图和$scope之间的桥梁。

过滤器:{{name | uppercase}}

1.currency---->将一个数值格式化为货币格式。

2.date---->将日期格式化为所需格式。

3.filter---->从给定数组中选择一个子集,并将其生成一个新的数组返回。

4.limitTo---->根据传入的参数生成一个新的数组或字符串,

  

 <label>{{money | currency:$}}</label>
  <label>{{time | date:"yyyy-MM-dd"}}</label>
 <!--排序-->
  <select ng-model="orderText">
     <option value="age">年龄升序</option>
      <option value="-age">年龄降序</option>
  </select>

ng-repeat是一个angular的重复对象,可以用来创建一系列的对象元素。

<!DOCTYPE html>
<html ng-app>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="js/angular.min.js"></script>
    <script>
        function StudentController($scope){
            $scope.students = [
                {id:1,name:"张飞",sex:"男",age:20,phone:12345},
                {id:1,name:"关羽",sex:"男",age:21,phone:12345},
                {id:1,name:"刘备",sex:"男",age:22,phone:12345}
            ];
        }
    </script>
</head>
<body>
    <div ng-controller="StudentController">
        <table>
            <tr ng-repeat="student in students">
                <td>{{student.name}}</td>
                <td>{{student.sex}}</td>
                <td>{{student.age}}</td>
                <td>{{student.phone}}</td>
            </tr>
        </table>
    </div>
</body>
</html>
时间: 2024-07-28 21:39:08

AngulerJS小知识点二的相关文章

初学MySQL中的一些小知识点

写在前面,小弟初用博客记录学习路上的一点点小知识点,其中可能有个人理解方面的误差,或不明白的地方.希望各位大牛纠正指导,小弟感激不尽!这并不是什么帮助别人解决问题的文章,只是小弟将学习到的内容一一写在博客上,这样方便以后复习,还恳请大家勿喷.. 一.进入MySQL客户端 1.客户端可以通过.../MySQL/bin目录下的sql.exe运行客户端. 1.1:访问方式一: -u root -p /*可以直接在这段代码的后面添加密码,也可以按回车后再输入密码*/ 1.1:访问方式二: --host

琐碎的小知识点

一.asp.net 1.点击Repeater中的LinkButton,获取当中label中的值:     Label lblName = ((LinkButton )sender).Parent.FindControl("lblName") as Label ;或者在gridView中,添加按钮列ButtonFlied并转化为模板时,设置LinkButton的.CommandArgument为绑定值,再根据 string n= ((LinkButton)sender).CommandA

ios基础-小知识点收集(1)

不积跬步,无以至千里;不积小流,无以成江海.----荀子 收集学习ios中的小知识点,每天进步一点点. (一)@class和 #import class:只声明类,不会引入类文件,加快编译速度,防止类相互import出错:在m中仍然需要import整个类文件. import导入整个类文件,在需要使用类中的变量.函数和协议的时候需要使用. (二)静态变量static.全局变量extern.局部变量.实例变量 static:为整类而非单个对象使用,隐藏封装在类中,对外不可见. 静态变量的优点: 1.

Jquery小知识点

Jquery小知识点一.未来元素:live可以给还没创建出来的元素附上事件ps:$(".div").live("click",function(){}) 二.颜色渐变用到Jquery封装好的jquery.color.js 三.弹窗制作的一些知识点 获取浏览器高度:var llbo = window.innerHeight; 获取页面高度:var bo = $("body").outerHeight(); 换行:word-wrap:break-wo

Python之路番外:PYTHON基本数据类型和小知识点

Python之路番外:PYTHON基本数据类型和小知识点 一.基础小知识点 1.如果一行代码过长,可以用续行符 \换行书写 例子 if (signal == "red") and (car == "moving"): car = "stop" else : pass 等同于 if (signal == "red") and (car == "moving"): car = "stop"

对日编程的一些小知识点

在GitHub上有个项目,本来是作为自己研究学习.net core的Demo,没想到很多同学在看,还给了很多星,所以觉得应该升成3.0,整理一下,写成博分享给学习.net core的同学们. 项目名称:Asp.NetCoreExperiment 项目地址:https://github.com/axzxs2001/Asp.NetCoreExperiment 今天先分享几个对日编程的小知识点 1.关于BOM(Byte Order Mark)知识点( https://baike.baidu.com/i

记录神经网络中一些小知识点

记录神经网络中一些小知识点 1 Caffe中的blob维度 Caffe中的blob具有4个维度,分别是num,channel,width和height: 其中我们在定义各个网络层时,常用到的一个参数numout,就是指定的channel: 比如说,维度为1*3*5*5的数据输入网络(即每次输入一张5*5大小的3通道图),经过一个stride为2,pad为1,kernel为2,numout为2的卷积层后,维度就变成了1*2*3*3: 假如输入有n个通道,计算时,caffe就会对应产生n个filte

C++ 小知识点 WINAPI

int WINAPI WINMain 中,WINAPI含义 网友给出回答:在windef.h头文件中有如下定义#define WINAPI      __stdcall#define APIENTRY    WINAPIVC有两种函数调用方式 一种是__stdcall,另一种是__cdecl函数的调用方式有两种一种是PASCAL调用方式,另一种是C调用方式使用PASCAL调用方式,函数在返回到调用者之前将参数从栈中删除使用C调用方式,参数的删除是调用者完成的WinMain函数是由系统调用的,Wi

0607am抽象类&amp;接口&amp;析构方法&amp;tostring&amp;小知识点

/*class ren{ public static $color;//静态 static function () { ren::$color; self::$color;//self只能写在类里面,代表这分类 }} */ //不能实例化的类:抽象类abstract class Animal //关键字abstract{ public $dong; public $jiao; function chi() { } function shui() { }}class Ren extends Ani