贴上几个有关Filter使用的几个示例。
1. 首先创建一个表格
2. 看到价格个时间显示怪怪的,好,修改一下表格。
rush:js;">
重新运行
3. 这样一下,确实不碍眼了。但是描述太长了吧,能不能超过一定字数,就不显示了,以...结尾?
好,在表格里加上过滤器,就叫descFilter。字数显示。注意别忘了 ' | ' 过滤器符号。
rush:js;">
然后在js中为descFilter写上方法
num){
content = content.substring(0,num) + "...";
}
return content;
}
});
运行看看
可以了。厉害。
4. 搜索框没用吗。别忘了,我们给它附上了ng-model="key",
rush:js;">
。好神奇,好厉害的Filter.
5.不能按价格排序吗?当然可以。而且不仅升序还能降序。
rush:js;">
价格
4 。更新一下过滤排序条件
。修改一下js
rush:js;">
cope.isAsc = false; //定义isAsc变量为false,默认升序; $scope.sort = function(){ $scope.isAsc = !$scope.isAsc; //升降切换 }
4 。更新一下过滤排序条件
rush:js;">
再次运行。升序降序都可以。大功告成!
分享给好友!感谢支持。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。