angularjs 点击查询按钮模糊过滤器

墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 800+累计阅读 848平均单平台已同步平台 CSDN 微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网我也要 → 码龄9年

关注

原创最新推荐文章于 2025-12-29 10:33:13 发布 848 阅读 AI 写同款· GEO 优化 ›

AngularJS入门 AngularJS是一个JavaScript框架，用js编写的库 1.1. AngularJS 扩展了 HTML AngularJS 通过 ng-directives扩展了HTMLng-app 指令定义一个 AngularJS 应用程序。若不声明，将直接显示表达式。ng-model 指令把元素值（比如输入域的值）绑定到应用程序。ng-bind 指令把应用程序数据绑定到 HTML 视图。一般使用 **{ { ng-model 的值 }}**获取数据当网页加载完毕，AngularJS 自动开启。Angula 阅读详情

var goods=$scope.datas;

$scope.selname="";
$scope.select=function(){
if ($scope.selname==""){
alert("请输入姓名");
}
else if ($scope.selname.indexOf("杨")>=0){
alert("敏感词汇");
}

$f=$filter("filter");
$scope.datas=$f(goods,{
"name":$scope.selname
});
if ($scope.datas.length<=0){
alert("没有数据");
}

收录于

当前文章被以下社区和专栏收录：

本内容遵循 CC 4.0 BY-SA 版权协议

全面分析一下前端框架Angular的来龙去脉，分析angular的技术要点和难点，以及详细的语法和使用规则，底层原理-小白进阶之路 Angular 是一个由 Google 维护的开源前端框架。它最早在 2010 年发布，最初版本称为 AngularJS。2016 年，团队发布了一个完全重写的版本，称为 Angular 2，之后的版本（如 Angular 4、Angular 5 等）都统称为 Angular。Angular 使用 TypeScript 编写，提供了静态类型检查、现代 JavaScript 特性等优点，有助于提高代码质量和开发效率。采用组件式开发，将应用程序分割成独立的、可复用的组件，每个组件包含自己的模板、样式和逻辑。使用阅读详情

相关推荐

YOLOv11模型改进全攻略：利用轻量化模块实现精度与速度双跃升

如果你在实操中遇到模块替换导致的精度骤降或部署报错，不妨尝试调整轻量化模块的替换比例，或针对性地保留关键层的原始结构。记住，轻量化的核心是“在精度损失可接受的范围内最大化提升效率”，只要结合业务场景灵活取舍，你也能让YOLOv11在资源受限的环境中大放异彩。接下来，我们从模块选型到代码集成，一步步带你打造“轻量且能打”的YOLOv11，真正帮你解决工业落地中的效率与精度痛点。训练过程中关注模型的mAP和推理速度，若精度下降过多，可调整模块替换的比例（如仅替换Backbone的部分卷积层）。

m0_64661770的博客 472

Angular 从零开始，快速上手

AngularJS诞生于2009年，由 Misko Hevery 等人创建，后为Google所收购。是一款由Google开发优秀的前端JS框架，于2010年首次发，已经被用于Google的多款产品当中。MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。AngularJS的核心思想是使用MVC（）架构模式来构建Web应用程序。在AngularJS出现之前，Web开发中存在许多挑战。

JAVA开发区的博客 9969

「UG/NX」BlockUI 控件集合目录大纲

Block UI Styler 模块设计对话框是官方推荐使用的对话框制作方法，它能够与NX自身风格相统一，在实际开发中经常使用。文字内容包含：NX所有控件介绍的链接、内部控件调用的基础介绍、官方案例查看路径、控件的特殊用法篇链接、番外篇链接。

何曾参静谧的博客 2630

AngularJS快速入门

记录angularJS1.0学习笔记

现在的我强的可怕 2779

angularJS简介、环境搭建（脚手架）及组件创建

文章目录angularJS是什么angularJS的特点与Jquery的比较 angularJS是什么 jQuery是JS的一个函数库，而angularJS是Google开源的前端JS结构化框架。官网：https://angular.cn/ 离线手册下载：https://www.php.cn/xiazai/shouce/58 angularJS的特点双线数据绑定声明式依赖注入解耦应用逻辑，数据模型和视图完善的页面指令定制表单验证 Ajax封装与Jquery的比较 JS函数库放入 .

mantou_riji的博客 2047

Angular.js框架

前端框架

m0_59708269的博客 3012

前端框架：第一章：AngularJS

前端面试题汇总前端面试题是我面试过程中遇到的面试题，每一次面试后我都会复盘总结。

2401_84093019的博客 1119

AngularJS过滤器filter，orderBy排序，删除全部数据

AngularJS过滤器filter，orderBy排序，删除全部数据 var app = angular.module("myApp",[]); app.controller("myCtrl",function($scope){ $scope.products = [ { id:80, name:"ipad", price:5400 }, { id:1200, n

IT666DHW的博客 2285

AngularJS排序+模糊查询+批量删除+添加列表

* 需求分析 * 先定义数组将数组信息利用ng-repeat遍历存进表格中 * 实现过滤功能利用filter过滤器进行信息的过滤包括姓名和手机号以及发货状态进行过滤 * 排序利用orderBy 点击按钮时排序的方式改变 * 发货与已发货状态变化利用隐藏和显示

My_emotions_L的博客 775

angularjs实现购物车批量删除，filter模糊查询，排序

数据源 1 $scope.data=[ 2 {num:1234,name:"ipad",price:3400.00,count:10}, 3 {num:1235,name:"iphone",price:6400.00,count:100}, 4 {num:1236,name:"mypad",...

weixin_30394251的博客 156

html+css+angularjs 实现商品库存信息管理页面可删除/批量删除/可模糊查询/可升序降序

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="angularjs/angular.js"></script> <style> .box{ width: 100%; }

分享人生 2381

3：AngularJS：模糊查询过滤内容，下拉菜单排序，过滤敏感字符，验证判断后添加表格信息

注：添加球员的功能无指定技术要求，添加球员的页面也无具体样式要求。 1.实现上图页面所有元素，页面布局规整，跟上图效果一致 2.实现文案显示，按效果显示 3.实现查询，实现查询敏感词过滤，实现查询后列表变化 4.实现倒序，实现正序，下拉列表排序效果都实现 5.按钮背景一致，按钮样式 6.实现添加球员页面，添加球员页面样式，添加球员功能，添加球员必填项判断

IT666DHW的博客 755

混合开发 过滤器

|orderBy:px:sj 顺序排列 <td>id <button ng-click="px='id';sj=!sj">排序<button> 排序的列:{{px}} 升降:{{sj}}</td> 使用过滤器做模糊查询 <input ng-model="sname" placeholde

liu_qunfeng的博客 155

自定义商品数据，实现对商品的过滤、排序和删除功能

AngularJS过滤器filter，orderBy排序，删除全部数据 <script type="text/javascript" src="../js/angular.js" > var app = angular.module("myApp",[]); app.controller("myCtrl",function($scope){ $scope.products = [

QQ_907465912的博客 450

Angular基本使用

1.数组 $scope.stus=[]; 2.往数组内添加数据 $scope.stus.push() 3.遍历数组 ng-repeat="st in stus" 4.删除数组 $scope.stus.splice(i,1);、、i为方法内传过来的$index 5.遍历的同时 orderBy: 排序+ filter查询查询的输入框：

tangxueqin的博客 2675

表格删除排序

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> AngularJS过滤器，orderBy排序，批量删除数据</title> <script src="../js/angular.js"></script> <style> .box{ w

jiaosheng1的博客 361

angularJS简介

什么是angularJS? angularJs是谷歌推出的一款前端框架. 核心思想是前端mvc开发. 底层使用Js语言编写. angularJs采用html页面+ js来进行操作, 所有angularJs提倡整个网站都是ajax操作. angularJs是一个重型的前端框架. angularJs比较适合管理系统的页面开发. 使用angularjs: 使用fireFox, chrom浏览器可以使用....

ah_hzy的博客 1956

AngularJS1.0——基本认识

1. 简介 AngularJS 诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。 AngularJS有着诸多特性，最为核心的是：MVC、模块化、自动化双向数据绑定、依赖注入等等 2.AngularJS四大特征 2.1MVC模式 Angula...

武汉小喽啰 3325

AngularJS 介绍，开发环境搭建，语法，高级特性，编程技巧

AngularJS是一个功能强大的JavaScript框架，可以帮助开发人员更轻松地构建动态、交互式的Web应用程序。依赖注入是AngularJS中的一个重要特性，用于管理应用程序的依赖关系。控制器是AngularJS中的一个重要概念，用于管理应用程序的状态和行为。指令是AngularJS中的另一个重要概念，用于扩展HTML元素和属性的功能。在AngularJS中，模块是一个容器，用于组织应用程序的不同部分。路由是AngularJS中的一个重要特性，用于管理应用程序的导航。

GY的的专栏 2226

前端框架AngularJS-基础详解

本次讲解的版本是AngularJS-1,最流行的可能还是AngularJS1吧 1.什么是AngularJS AngularJS 诞生于 2009 年，由 Misko Hevery 等人创建，后为 Google 所收购。是一款优秀的前端 JS框架，已经被用于 Google 的多款产品当中。AngularJS 有着诸多特性，最为核心的是：MVC、模块化、自动化双向数据绑定、依赖注入等等 2.MV...

weixin_44232093的博客 1267

克苏鲁的呼唤第七版守秘人规则书 Version19071

前言What has risen may sink, and what is sunk may rise… Cthulhu still lives.(升起的或许

上一篇： angularjs 表格隔行变色和滑过行改变背景颜色

下一篇： angularjs 公司表单

YOLOv11模型改进全攻略：利用轻量化模块实现精度与速度双跃升

最新发布

m0_64661770的博客

12-29

472