AngularJS过滤器怎么用-自定义过滤器语法与实例详解

教程大全 2026-01-25 00:39:34 浏览

AngularJS中的过滤器是一种强大而灵活的功能,它允许开发者在模板中对数据进行实时转换和格式化,而无需在控制器中编写额外的格式化逻辑,过滤器可以应用于表达式、指令和自定义模板中,通过管道符号(|)来调用,极大地提升了数据展示的灵活性和可维护性。

过滤器的基本用法

在AngularJS中,过滤器的基本语法是在数据表达式后加上管道符号和过滤器名称。 {{ name | uppercase }} 会将变量的值转换为大写形式,过滤器还可以接受参数,参数通过冒号传递,如 {{ date | date:'yyyy-MM-dd' }} ,其中 'yyyy-MM-dd' 是传递给过滤器的格式化参数,这种简洁的语法使得开发者能够在视图中直接处理数据,保持控制器逻辑的简洁性。

内置过滤器

AngularJS提供了多种内置过滤器,涵盖了常见的数据处理需求,以下是一些常用的内置过滤器及其功能:

自定义过滤器

当内置过滤器无法满足需求时,开发者可以创建自定义过滤器,自定义过滤器通过模块的方法注册,本质上是一个函数,接收输入值并返回处理后的值,以下代码创建一个反转字符串的自定义过滤器:

AngularJS过滤器怎么用
angular.module('myApp').filter('reverse', function() {return function(input) {return input.split('').reverse().join('');};});

在模板中可以这样使用: {{ 'hello' | reverse }} ,输出结果为,自定义过滤器可以接受多个参数,并在函数内部处理复杂的逻辑,非常适合项目中的特定需求。

过滤器的链式调用

AngularJS支持过滤器的链式调用,即多个过滤器可以同时应用于同一个数据表达式。 {{ 'hello world' | uppercase | limitTo:5 }} 会先转换为大写,然后截取前5个字符,最终输出,链式调用使得数据处理的流程更加清晰和灵活,但需要注意过滤器的执行顺序是从左到右。

过滤器的性能优化

虽然过滤器非常方便,但在大数据量或频繁调用的场景下,可能会影响性能,以下是一些优化建议:

AngularJS的过滤器是数据格式化和处理的利器,通过内置过滤器和自定义过滤器的结合,开发者可以轻松实现复杂的数据展示需求,合理使用过滤器不仅能提升代码的可读性,还能保持控制器和视图的职责分离,在实际开发中,应根据项目需求选择合适的过滤器,并注意性能优化,以确保应用的流畅运行。


如何学好CAD

学CAD就两个字记和练记是记熟悉下面的命令然后就勤练习没有捷径的 下功夫就能见效果不用把它看得太困难3DARRAY:创建三维阵列 3A3DFACE:创建三维面 3F3DORBIT:控制在三维空间中交互式查看对象 3DO3DPOLY:在三维空间中使用“连续”线型创建由直线段组成的多段线 3PADCENTER:管理内容 ADCALIGN:在二维和三维空间中将某对象与其他对象对齐 ALAPPLOAD:加载或卸载应用程序并指定启动时要加载的应用程序 APARC:创建圆弧 AAREA:计算对象或指定区域的面积和周长 AAARRAY:创建按指定方式排列的多重对象副本 ARATTDEF:创建属性定义 ATTATTEDIT:改变属性信息 ATEATTEXT:提取属性数据 DDATTEXTBHATCH:使用图案填充封闭区域或选定对象 H、BHBLOCK:根据选定对象创建块定义 BBOUNDARY:从封闭区域创建面域或多段线 BOBREAK:部分删除对象或把对象分解为两部分 BRCHAMFER:给对象的边加倒角 CHACHANGE:修改现有对象的特性 -CHCIRCLE:创建圆形 CCOLOR:定义新对象的颜色 COLCOPY:复制对象 CO、CPDBCONNECT:为外部数据库表提供 AutoCAD 接口 AAD、AEX、ALI、ASQ、ARO、ASE、DBCDDEDIT:编辑文字和属性定义 EDDDVPOINT:设置三维观察方向 VPDIMALIGNED:创建对齐线性标注 DALDIMANGULAR:创建角度标注 DANDIMBASELINE:从上一个或选定标注的基线处创建线性、角度或坐标标注 DBADIMCENTER:创建圆和圆弧的圆心标记或中心线 DCEDIMCONTINUE:从上一个或选定标注的第二尺寸界线处创建线性、角度或坐标标注 DCODIMDIAMETER:创建圆和圆弧的直径标注 DDIDIMEDIT:编辑标注 DEDDIMLINEAR:创建线性尺寸标注 DLIDIMORDINATE:创建坐标点标注 DORDIMOVERRIDE:替代标注系统变量 DOVDIMRADIUS:创建圆和圆弧的半径标注 DRADIMSTYLE:创建或修改标注样式 DDIMTEDIT:移动和旋转标注文字 DIMTEDDIST:测量两点之间的距离和角度 DIDIVIDE:将点对象或块沿对象的长度或周长等间隔排列 DIVDONUT:绘制填充的圆和环 DODRAWORDER:修改图像和其他对象的显示顺序 DRDSETTINGS:指定捕捉模式、栅格、极坐标和对象捕捉追踪的设置 DS、RM、SEDSVIEWER:打开“鸟瞰视图”窗口 AVDVIEW:定义平行投影或透视视图 DVELLIPSE:创建椭圆或椭圆弧 ELERASE:从图形中删除对象 EEXPLODE:将组合对象分解为对象组件 XEXPORT:以其他文件格式保存对象 EXPEXTEND:延伸对象到另一对象 EXEXTRUDE:通过拉伸现有二维对象来创建三维原型 EXTFILLET:给对象的边加圆角 FFILTER:创建可重复使用的过滤器以便根据特性选择对象 FIGROUP:创建对象的命名选择集 GHATCH:用图案填充一块指定边界的区域 -HHATCHEDIT:修改现有的图案填充对象 HEHIDE:重生成三维模型时不显示隐藏线 HIIMAGE:管理图像 IMIMAGEADJUST:控制选定图像的亮度、对比度和褪色度 IADIMAGEATTACH:向当前图形中附着新的图像对象 IATIMAGECLIP:为图像对象创建新剪裁边界 ICLIMPORT:向 AutoCAD 输入文件 IMPINSERT:将命名块或图形插入到当前图形中 IINTERFERE:用两个或多个三维实体的公用部分创建三维复合实体 INFINTERSECT:用两个或多个实体或面域的交集创建复合实体或面域并删除交集以外的部分 ININSERTOBJ:插入链接或嵌入对象 IOLAYER:管理图层和图层特性 LA-LAYOUT:创建新布局,重命名、复制、保存或删除现有布局 LOLEADER:创建一条引线将注释与一个几何特征相连 LEADLENGTHEN:拉长对象 LENLINE:创建直线段 LLINETYPE:创建、加载和设置线型 LTLIST:显示选定对象的数据库信息 LI、LSLTSCALE:设置线型比例因子 LTSLWEIGHT: LWMATCHPROP:设置当前线宽、线宽显示选项和线宽单位 MAMEASURE:将点对象或块按指定的间距放置 MEMIRROR:创建对象的镜像副本 MIMLINE:创建多重平行线 MLMOVE:在指定方向上按指定距离移动对象 MMSPACE:从图纸空间切换到模型空间视口 MSMTEXT:创建多行文字 T、MTMVIEW:创建浮动视口和打开现有的浮动视口 MVOFFSET:创建同心圆、平行线和平行曲线 OOPTIONS:自定义 AutoCAD 设置 GR、OP、PROSNAP:设置对象捕捉模式 OSPAN:移动当前视口中显示的图形 PPASTESPEC:插入剪贴板数据并控制数据格式 PAPEDIT:编辑多段线和三维多边形网格 PEPLINE:创建二维多段线 PLPRINT :将图形打印到打印设备或文件 PLOTPOINT:创建点对象 POPOLYGON:创建闭合的等边多段线 POLPREVIEW:显示打印图形的效果 PREPROPERTIES:控制现有对象的特性 CH、MOPROPERTIESCLOSE:关闭“特性”窗口 PRCLOSEPSPACE:从模型空间视口切换到图纸空间 PSPURGE:删除图形数据库中没有使用的命名对象,例如块或图层 PUQLEADER:快速创建引线和引线注释 LEQUIT:退出 AutoCAD EXITRECTANG:绘制矩形多段线 RECREDRAW:刷新显示当前视口 RREDRAWALL:刷新显示所有视口 RAREGEN:重生成图形并刷新显示当前视口 REREGENALL:重新生成图形并刷新所有视口 REAREGION:从现有对象的选择集中创建面域对象 REGRENAME:修改对象名 RENRENDER:创建三维线框或实体模型的具有真实感的渲染图像 RRREVOLVE:绕轴旋转二维对象以创建实体 REVRPREF:设置渲染系统配置 RPRROTATE:绕基点移动对象 ROSCALE:在 X、Y 和 Z 方向等比例放大或缩小对象 SCSCRIPT:用脚本文件执行一系列命令 SCRSECTION:用剖切平面和实体截交创建面域 SECSETVAR:列出系统变量并修改变量值 SETSLICE:用平面剖切一组实体 SLSNAP:规定光标按指定的间距移动 SNSOLID:创建二维填充多边形 SOSPELL:检查图形中文字的拼写 SPSPLINE:创建二次或三次 (NURBS) 样条曲线 SPLSPLINEDIT:编辑样条曲线对象 SPESTRETCH:移动或拉伸对象 SSTYLE:创建或修改已命名的文字样式以及设置图形中文字的当前样式 STSUBTRACT:用差集创建组合面域或实体 SUTABLET:校准、配置、打开和关闭已安装的数字化仪 TATHICKNESS:设置当前三维实体的厚度 THTILEMODE:使“模型”选项卡或最后一个布局选项卡当前化 TI、TMTOLERANCE:创建形位公差标注 TOLTOOLBAR:显示、隐藏和自定义工具栏 TOTORUS:创建圆环形实体 TORTRIM:用其他对象定义的剪切边修剪对象 TRUNION:通过并运算创建组合面域或实体 UNIUNITS:设置坐标和角度的显示格式和精度 UNVIEW:保存和恢复已命名的视图 VVPOINT:设置图形的三维直观图的查看方向 -VPWBLOCK:将块对象写入新图形文件 WWEDGE:创建三维实体使其倾斜面尖端沿 X 轴正向 WEXATTACH:将外部参照附着到当前图形中 XAXBIND:将外部参照依赖符号绑定到图形中 XBXCLIP:定义外部参照或块剪裁边界,并且设置前剪裁面和后剪裁面 XCXLINE:创建无限长的直线(即参照线) XLXREF:控制图形中的外部参照 XRZOOM:放大或缩小当前视口对象的外观尺寸 Z

CAD里面有什么指令?

CAD常用快捷键

A---圆弧AA---计算机面积和周长AL---对齐AR---阵列ATT---属性定义ATE---块属性B---定义块BH---定义图案填充BO---创建边境BR---打断C---圆CH---改正物体特性CHA---倒直角COL---色彩CO---复制D---标注设置DAL---标注DAN---角度标注DBA---圆弧标注DCE---圆心标志DCO---连续标注DDI---丈量圆和圆弧直径DO---同心圆环DOV---改正标注变量DRA---标注半径DIV---等分DI---丈量DT---输入文本DV---相机调整E---删除ED---改正文本EL---椭圆EX---延长EXIT---退出EXP---输出数据EXT---拉伸F---倒圆角FI---挑选过滤器G---对象编组GR---选项H---填充HE---关联填充I---插入图元IMP---输入文件IN---布尔运算合集IO---插入文档程序L---线LA---图层编辑LE---文字注释LEN---改正对象长度等数值LI---对象特性显示LO---布局选项LS---命令历史纪录LTC---线型设置LWC---线宽设置LTS---新线形比例因子MC---挪动ME---等分ML---多样线MT---文本OS---捕捉设置O---偏移OP---选项ORBIT---旋转P---平移Pl---连续线Po---点Pol---多边形PR---选项PRE---页视图面PRINT---打印PU---清理PE---改正多段线REA---重画REN---重命名REC---矩形REV---旋转成三维面RO---旋转物体S---拉伸SCL---缩放SCR---脚本文件SEC---切实体SHA---着色SL---切面SN---指定捕捉间距SP---拼写检查SPL---样条曲线SI---文字款式SU---布尔运算TO---自定义工具栏TOR---三维圆环TR---修剪UC---用户声标UNI---合并三维体V---视图VP---视点设置W---编写块X---分解XA---样参照文件XB---外部参照锁定XC---剪裁XL---参考线XR---外部参看管理Z---缩放1,绘制 线 LINE L 构造线 xline XL 多线 mline ML 多段线 pline PL 正多边形 polygon POL 矩形 rectang REC 圆弧 rc A 圆 circle C 样条曲线 spline SPL 椭圆 ellipse EL 插入块 insert I 创建块 block B 图案填充 bhatch BH; H 多行文字 mtext MT 2,改正 删除 erase E 复制对象 copy CO 镜像 mirror MI 偏移 offset O 阵列 array AR 挪动 move M 旋转 rotate RO 缩放 scale SC 拉伸 stretch S 修剪 trim TR 延长 extend EX 打断于点 break BR 打断 break BR 倒角 chamfer CHA 圆角 fillet F 分解 explode X 特性匹配 matchprop MA 放弃 CTRL Z U 实时平移 pan P 实时缩放 zoom Z 特性 CTRL 1 ; CH 放弃 U CTRL Z 清除 DEL 4,其它 F1 帮助 F2 文本窗口 F3 对象捕捉 F4 数字化仪 F5 等轴测立体 F6 坐标 F7 栅格 F8 正交 F9 捕捉 F10 极轴 F11 对象捕捉追踪 CTRL N 新建 CTRL O 打开 CTRL C 关闭 CTRL S 保存 CTRL A 另存为 CTRL V 打印预览 CTRL P 打印 CTRL D 发送 度 %%D 正负号 %%P 直径符号%%C 其它快捷键:显示降级适配(开关) 【O】顺应透视图格点 【Shift】 【Ctrl】 【A】排列 【Alt】 【A】角度捕捉(开关) 【A】动画模式 (开关) 【N】变动到后视图 【K】背景锁定(开关) 【Alt】 【Ctrl】 【B】前一时间单位 【.】下一时间单位 【,】变动到上(Top)视图 【T】变动到底(Bottom)视图 【B】变动到相机(Camera)视图 【C】变动到前(Front)视图 【F】变动到等大的用户(User)视图 【U】变动到右(Right)视图 【R】变动到透视(Perspective)图 【P】循环变动挑选方法 【Ctrl】 【F】默认灯光(开关) 【Ctrl】 【L】删除物体 【DEL】当前视图临时失效 【D】能否显示几何体内框(开关) 【Ctrl】 【E】显示第一个工具条 【Alt】 【1】专家模式

angularJS 怎样在controller中使用filter

在controller中使用filter有两种方式:1.直接把要使用的过滤器filter注入到controller中,比如有个(test,function($scope,currencyFilter){$= currencyFilter();}2.可以通过注入$filter过滤器到controller中(test,function($scope,$filter){ $=$filter(currency)(); $ =$filter(date)(newDate());}

本文版权声明本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,请联系本站客服,一经查实,本站将立刻删除。

发表评论

热门推荐