AngulerJS小知识点二

最新推荐文章于 2024-08-06 18:49:35 发布

afqegwr7638

最新推荐文章于 2024-08-06 18:49:35 发布

阅读量98

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/yin-yi/p/4697030.html

版权

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>

转载于:https://www.cnblogs.com/yin-yi/p/4697030.html

afqegwr7638

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AngulerJS小知识点二

AngularJS与其他JavaScript框架最主要的区别在于，控制器并不合适用来执行DOM操作、格式化或数据操作，以及除存储数据模型以外的状态维护操作。他只是视图和$scope之间的桥梁。过滤器：{{name | uppercase}}1.currency---->将一个数值格式化为货币格式。2.date---->将日期格式化为所需格式。3.filt...
复制链接

扫一扫