排序 转换大(小)写 , 自定义过滤器, data格式化, 指定查找, 升序,降序

这篇博客介绍了AngularJS中的一些核心功能,包括使用内置过滤器进行数据转换(如`uppercase`和`lowercase`实现大小写转换,`currency`进行货币格式化),`orderBy`过滤器对数组进行排序,以及如何自定义过滤器。示例展示了如何通过`ng-repeat`指令显示排序后的城市列表,并用自定义过滤器`aa`进行字符串反转操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<script src="https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script>

<body ng-app="myApp">

<div ng-controller="myCtrl">

    <div ng-bind="myName  | uppercase"></div> <!--uppercase转换成大写-->

    <div ng-bind="myName  | lowercase"></div> <!--lowercase转换成小写-->

    <div class="" ng-bind="money | currency : '¥'"> </div><!--currency 过滤器将数字格式化为货币格式-->

    <div class="" ng-repeat="v in city | orderBy:'name'">
        <p ng-bind="v.name"></p>
    </div><!--orderBy 过滤器根据表达式排列数组-->

    
    
    
    
    <div class="" ng-repeat="v in city | orderBy:'-id' | filter : ''">
        <p ng-bind="v.name" style="color:red;"></p>
    </div><!--orderBy 过滤器根据表达式排列数组   默认正序asc,倒序添加-负号-->

    <!--filter 过滤器根据表达式过滤不包含过滤器中的内容-->

    <!--自定义注入依赖-->

    <div class="" ng-bind="myName | aa" style="color:blue;"> <!--自定义过滤器aa-->

    </div>

</div>
<script>
    angular.module('myApp',[]).controller('myCtrl',function($scope){
        $scope.myName="shiqichao";
        $scope.money=100;

        $scope.city=[
            {"id":"1","name":"福建"},
            {"id":"2","name":"广东"},
            {"id":"5","name":"上海"},
            {"id":"4","name":"北京"},
            {"id":"3","name":"四川"}
        ]
    }).filter('aa',function(){ //自定义过滤器,aa为自定义过滤名称 ,val为穿参,split("")将val切割成数组,reverse()将数组反转,join("")将数组变成字符串
        return function(val){
            return val.split("").reverse().join("");
        }
    })
</script>
</body>
</html>






<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.bootcss.com/angular.js/1.6.3/angular.min.js"></script>
</head>
<body>
   
<div  ng-app="">
<p>1、uppercase,lowercase 大小写转换</p>
{{ "lower cap string" | uppercase }}<br>   
{{ "TANK is GOOD" | lowercase }}  


<p>2、date 格式化</p>
{{1490161945000 | date:"yyyy-MM-dd HH:mm:ss"}}
  
<p>3、number 格式化(保留小数)</p>
{{149016.1945000 | number:2}}


<p>4、currency货币格式化</p>
{{ 250 | currency }} <br>
{{ 250 | currency:"RMB ¥ " }}


<p>5、filter查找</p>
<p>查找name为iphone的行</p>
{{ [{"age": 20,"id": 10,"name": "iphone"},
{"age": 12,"id": 11,"name": "sunm xing"},
{"age": 44,"id": 12,"name": "test abc"}
] | filter:{'name':'iphone'} }}   


<p>6、limitTo 截取</p>
{{"1234567890" | limitTo :6}}<br>
{{"1234567890" | limitTo:-4}}
  
<p>7、orderBy 排序</p>
<p>根id降序排</p>
{{ [{"age": 20,"id": 10,"name": "iphone"},
{"age": 12,"id": 11,"name": "sunm xing"},
{"age": 44,"id": 12,"name": "test abc"}
] | orderBy:'id':true }}
  
<p>根据id升序排</p>
{{ [{"age": 20,"id": 10,"name": "iphone"},
{"age": 12,"id": 11,"name": "sunm xing"},
{"age": 44,"id": 12,"name": "test abc"}
] | orderBy:'id' }}
</div>
</body>
</html>
内容概要:本文档详细介绍了Analog Devices公司生产的AD8436真均方根-直流(RMS-to-DC)转换器的技术细节及其应用场景。AD8436由三个独立模块构成:轨到轨FET输入放器、高动态范围均方根计算内核和精密轨到轨输出放器。该器件不仅体积小巧、功耗低,而且具有广泛的输入电压范围和快速响应特性。文档涵盖了AD8436的工作原理、配置选项、外部组件选择(如电容)、增益调节、单电源供电、电流互感器配置、接地故障检测、三相电源监测等方面的内容。此外,还特别强调了PCB设计注意事项和误差源分析,旨在帮助工程师更好地理解和应用这款高性能的RMS-DC转换器。 适合人群:从事模拟电路设计的专业工程师和技术人员,尤其是那些需要精确测量交流电信号均方根值的应用开发者。 使用场景及目标:①用于工业自动化、医疗设备、电力监控等领域,实现对交流电压或电流的精准测量;②适用于手持式数字万用表及其他便携式仪器仪表,提供高效的单电源解决方案;③在电流互感器配置中,用于检测微小的电流变化,保障电气安全;④应用于三相电力系统监控,优化建立时间和转换精度。 其他说明:为了确保最佳性能,文档推荐使用高质量的电容器件,并给出了详细的PCB布局指导。同时提醒用户关注电介质吸收和泄漏电流等因素对测量准确性的影响。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值