文档章节

AngularJS实战之filter的使用二

柳絮飞祭奠
 柳絮飞祭奠
发布于 2017/09/11 12:40
字数 131
阅读 1
收藏 0

码上生花,ECharts 作品展示赛正式启动!>>>

一、自定义filter实现反转字符串

<div>{{ceshi|reverse}}</div>  
app.filter('reverse', function() {   
  return function(text) {  
  return text.split("").reverse().join("");  
        };  
});  
app.controller("crl", function($scope, $filter) {  
        $scope.ceshi="abcd";  
          
    });  

text为传入的参数

return text.split("").reverse().join(""); 为具体实现的业务逻辑

效果为:dcba

二、使用多个filter 实现字符串反转和大写字符串

<div>{{ceshi|reverse|uppercase}}</div>  

效果为:DCBA

三、在controller中使用filter

<div>{{date}}</div>  
    <div>{{reverse}}</div>  
app.controller("crl", function($scope, $filter) {  
        $scope.reverse = $filter('reverse')("abcd");  
        $scope.date = $filter('date')(new Date());   
    });  

效果为 Aug 24, 2017

dcba

© 著作权归作者所有

柳絮飞祭奠
粉丝 0
博文 11
码字总数 2890
作品 0
合川
私信 提问
加载中
请先登录后再评论。
Angular 4+ 修仙之路

Angular 4.x 快速入门 Angular 4 快速入门 涉及 Angular 简介、环境搭建、插件表达式、自定义组件、表单模块、Http 模块等 Angular 4 基础教程 涉及 Angular CLI 使用、创建组件、事件、自定...

osc_g3lqfv0y
2018/01/19
21
0
AngularJs学习笔记--I18n/L10n

一、I18n and L10n in AngularJS 1. 什么是I18n和L10n?   国际化(Internationalization),简称I18n,是让产品开发在一个他们可以简单地对产品进行语言、文化的本地化的方法的规范。本地化...

武文海
2015/02/06
162
0
AngularJs学习笔记--expression

一、Angular表达式 vs. Js 表达式   这很容易让人将angular视图表达式联想为javascript表达式,但这并不完全正确,因为angular不是通过javascript的eval()对表达式进行求值。你可以将angul...

武文海
2015/02/06
42
0
angular.js 教程 -- 实例讲解

angular.js AngularJS [1] 诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:M...

osc_keofad7g
2019/03/27
6
0
《AngularJS学习整理》系列分享专栏

《AngularJS学习整理》系列分享专栏 《AngularJS学习整理》已整理成PDF文档,点击可直接下载至本地查阅 https://www.webfalse.com/read/201748.html 文章 教你用AngularJS框架一行JS代码实现...

开元中国2015
2018/11/09
284
0

没有更多内容

加载失败,请刷新页面

加载更多

Android | Tangram动态页面之路(七)硬核的Virtualview

何为Virtualview,简单来说,就是通过xml来描述视图,然后压缩成二进制格式,客户端通过解析并渲染成原生view或交由Canvas绘制的过程。 系列文章: 需求背景 Tangram和vlayout介绍 Tangram的...

哈利迪
28分钟前
13
0
深入理解 Java 乱码问题

前言 这段时间在看 TCP/IP 网络通信这块,好奇我的电脑和局域网中电脑怎样通信,又怎样外网通信,Mysql 相关的博客延期执行了。 好久没写博客了,就把以前的博客整理一下,发布到自己的网站上...

万古云霄
30分钟前
27
0
如何监控 Linux 服务器状态?

Linux 服务器我们天天打交道,特别是 Linux 工程师更是如此。为了保证服务器的安全与性能,我们经常需要监控服务器的一些状态,以保证工作能顺利开展。 本文介绍的几个命令,不仅仅适用于服务...

良许Linux
44分钟前
13
0
springboot整合mybatis_plus

码云代码链接: https://gitee.com/liselotte/spring-boot-mp-demo

zhengzhixiang
50分钟前
11
0
BIO、NIO、AIO、Netty面试题

https://juejin.im/post/5e9421836fb9a03c7b3051bb

JaneRoad
58分钟前
25
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部