angularjs资产搜索

最新推荐文章于 2020-09-27 15:52:07 发布
最新推荐文章于 2020-09-27 15:52:07 发布
阅读量121 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wanglinuo521/article/details/79056112
版权
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="../libs/angular.min.js"></script>
</head>
<style type="text/css">
* {
margin: 0 auto;
padding: 0;
}

fieldset {
margin-top: 20px;
width: 250px;
}
</style>


<body ng-app="myapp" ng-controller="myctlr">
<table>


<tr>
<td><input type="button" value="资产登陆" ng-click="loge()" /></td>
<td><input type="text" value="资产搜索" ng-keydown="huiche($event)" ng-model="sname" /></td>
</tr>
</table>


<table border="1px" cellspacing="0" cellpadding="0">


<tr>
<td>资产编号</td>
<td>资产名称</td>
<td>资产数量</td>
</tr>
<tr ng-repeat="good in goods">
<td>{{good.bh}}</td>
<td>{{good.gname}}</td>
<td>{{good.gcount}}</td>
</tr>


</table>


<fieldset ng-show="sos">
<center>
<legend>资产录入</legend>
资产编号<input type="text" ng-model="bh_1" /><br /> 资产名称
<input type="text" ng-model="name_1" /><br /> 资产数量
<input type="text" ng-model="count_1" /><br />
<input type="button" value="保存" ng-click="bz()" />
</center>
</fieldset>


<script type="text/javascript">
var mo = angular.module("myapp", []);
mo.controller("myctlr", function($scope) {


var g = [{
"bh": "10011120",
"gname": "iphoneX",
"gcount": "99"
}, {
"bh": "10011121",
"gname": "华为mate10",
"gcount": "20"
}, {
"bh": "10011122",
"gname": "vivoR12",
"gcount": "30"
}];


$scope.goods = g


$scope.loge = function() {


$scope.sos = true;
}


$scope.bz = function() {


var bh1 = $scope.bh_1;
var names = $scope.name_1;
var count1 = $scope.count_1;


var aa = /^\d{8}$/;
var flas = true;
if(!aa.test(bh1)) {
alert("只能是纯数字且8位");
flas = false;


return;
} else {


flas = true
}


var flas1 = true;


if(names == null || names == "") {
alert("资产名称不能为空");
flas1 = false;
return;
} else {
flas1 = true
}


for(var i = 0; i < g.length; i++) {


if(names == g[i].gname) {
alert("资产名称的重复");
flas1 = false;
return;
} else {
flas1 = true
}
}


var bb = /^\d{1,8}$/;
var flas2 = true;
if(!bb.test(count1)) {
alert("只能是纯数字");
flas2 = false;
return;
} else {


flas2 = true
}


if(flas2 == true && flas == true && flas1 == true) {


var g1 = {


"bh": $scope.bh_1,
"gname": $scope.name_1,
"gcount": $scope.count_1
}


$scope.goods.push(g1);
$scope.sos = false;
$scope.bh_1 = "";
$scope.name_1 = "";
$scope.count_1 = "";


}


}


$scope.huiche = function($event) {
var hc = $event.keyCode;
var sname1 = $scope.sname;
if(hc == 13) {


for(var i = 0; i < $scope.goods.length; i++) {


if(sname1 == $scope.goods[i].gname) {
alert("存在");
return;


} else {


alert("不 存在");
return;


}
}
}
}


});
</script>


</body>
</html>
wanglinuo521
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
angularJS 正则表达式 验证
qq_40089806的博客
12-20 4750
anglar为核心验证 input{ display: block; } ul li{ color: red; } angular.module("myapp",[]) .controller("demoC",function($scope){ $scope.datas = [{ id: 10011120, name: "iphoneX", nu
angularjs判断输入框，验证输入框
weixin_39792151的博客
12-20 2321
anglar为核心验证                               input{                 display: block;                             }             ul li{                 color: red;             }                  
AngularJS2 笔记
xdevilj136的博客
06-14 1456
AngularJS2 注意项AngularJS2 注意项 元数据 declarations imports exports forRoot providers 数据绑定 数据绑定方式 原生 hidden 属性绑定数据 父组件子组件通讯 input装饰器 父组件监听子组件的事件 本地变量通讯 Angular官方建议风格标准元数据declarations只有可声明的类才能加到模块的declaration
angularJs的input验证提醒
qq_43437571的博客
09-27 525
效果如下： 实现了三个验证，分别是： 必须为数字，且长度为8位； 名称不能为空，名称已经存在 必须为数字，数量必须大于0； 具体代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <
angularjs实现分页和搜索功能
10-18
在本示例中，我们将探讨如何使用AngularJS框架来实现分页和搜索功能。AngularJS是一个流行的前端JavaScript框架，它提供了强大的数据绑定和依赖注入机制，使得开发动态Web应用变得更加简单。 首先，我们看到HTML...
Angularjs实现搜索关键字高亮显示效果
10-20
本篇文章主要介绍了Angularjs实现搜索关键字高亮显示的方法，具有一定的参考价值，下面跟着小编一起来看下吧
Angularjs material 实现搜索框功能
10-22
在本文中，我们将深入探讨如何使用AngularJS Material来实现搜索框功能。AngularJS Material是AngularJS的一个官方子项目，它提供了遵循Material Design原则的UI组件，使得开发者能够创建具有现代感且符合Android 5....
angularjs_angularjs_
10-04
AngularJS，作为一款由Google维护的前端JavaScript框架，被广泛应用于构建动态Web应用程序。它以其数据绑定、依赖注入和模块化等特性深受开发者喜爱。在本文中，我们将深入探讨AngularJS 1.6版本，从环境搭建到核心...
angularjs eclipse 1.2.0
11-06
angularjs eclipse 1.2.0 离线安装包，eclipseOxygen.3a Release (4.7.3a)（我使用的版本）->help->Install new software->add->Local. 之后就是下一步就行。 安装完后，会要求重启软件，启动后，在你创建的project...
qt练习控件label控件-lineEdit控件样例代码
07-30
qt练习控件label控件-lineEdit控件样例代码
【JCR一区级】麻雀搜索算法SSA-CNN-LSTM-Attention故障诊断分类预测【含源码 5689期】.zip
07-30
CSDN海神之光上传的全部代码均可运行，亲测可用，直接替换数据即可，适合小白； 1、代码压缩包内容 主函数：Main .m； 数据； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，可私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开除Main.m的其他m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描博主博客文章底部QQ名片； 4.1 CSDN博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作 智能优化算法-CNN-LSTM-Attention分类系列程序定制或科研合作方向： 4.4.1 遗传算法GA/蚁群算法ACO-CNN-LSTM-Attention分类 4.4.2 粒子群算法PSO/蛙跳算法SFLA-CNN-LSTM-Attention分类 4.4.3 灰狼算法GWO/狼群算法WPA-CNN-LSTM-Attention分类 4.4.4 鲸鱼算法WOA/麻雀算法SSA-CNN-LSTM-Attention分类 4.4.5 萤火虫算法FA/差分算法DE-CNN-LSTM-Attention分类
详解MATLAB Simulink通信系统建模与仿真
07-30
第1 章 MATLAB 基础与通信系统仿真 1.1 MATLAB 简介 1.2 MATLAB 程序设计 1.3 通信系统仿真 第2 章 Simulink 仿真基础 2.1 Simulink 简介 2.2 Simulink 工作环境 2.3 Simulink 仿真的基本方法 2.4 创建自己的模块库 2.5 S-函数的编写 第3 章 通信信号与系统分析 3.1 离散信号和系统 3.2 Fourier 分析 3.3 带通信号的低通等效 3.4 随机信号分析 第4 章 信道 4.1 加性高斯白噪声信道 4.2 多径衰落信道 第5 章 模拟调制 5.1 幅度调制 5.2 角度调制 第6 章 数字基带传输 6.1 概述 6.2 二进制基带信号传输 6.3 基带PAM 信号传输 6.4 带限信道的信号传输 第7 章 数字信号载波传输 7.1 概述 7.2 载波幅度调制（PAM） 7.3 载波相位调制（PSK） 7.4 正交幅度调制（QAM） 7.5 载波频率调制（FSK） 第8 章 信道编码和交织 8.1 概述 8.2 线性分组码
SCI一区】淘金算法GRO-CNN-BiLSTM-Mutilhead-Attention多变量时序预测含源码 5642.zip
07-30
CSDN海神之光上传的全部代码均可运行，亲测可用，直接替换数据即可，适合小白； 1、代码压缩包内容 主函数：Main .m； 数据； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，可私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开除Main.m的其他m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描博主博客文章底部QQ名片； 4.1 CSDN博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作 智能优化算法-CNN-BiLSTM-Mutilhead-Attention回归预测系列程序定制或科研合作方向： 4.4.1 遗传算法GA/蚁群算法ACO-CNN-BiLSTM-Mutilhead-Attention回归预测 4.4.2 粒子群算法PSO/蛙跳算法SFLA-CNN-BiLSTM-Mutilhead-Attention回归预测 4.4.3 灰狼算法GWO/狼群算法WPA-CNN-BiLSTM-Mutilhead-Attention回归预测 4.4.4 鲸鱼算法WOA/麻雀算法SSA-CNN-BiLSTM-Mutilhead-Attention回归预测 4.4.5 萤火虫算法FA/差分算法DE-CNN-BiLSTM-Mutilhead-Attention回归预测
2020年首届“洪泽湖杯”中国人工智能掼蛋算法大赛第8名我就是掼蛋.zip
07-30
毕业设计是高等教育阶段学生完成学业的一个重要环节，通常在学士或硕士学业即将结束时进行。这是学生将在整个学业中所学知识和技能应用到实际问题上的机会，旨在检验学生是否能够独立思考、解决问题，并展示其专业能力的一项综合性任务。 毕业设计的主要特点包括： 独立性： 毕业设计要求学生具备独立思考和解决问题的能力。学生需要选择一个合适的课题，研究相关文献，进行实地调查或实验，并提出独立见解。 实践性： 毕业设计是将理论知识应用到实际问题中的一次实践。通过完成毕业设计，学生能够将所学的专业知识转化为实际的解决方案，加深对专业领域的理解。 综合性： 毕业设计往往要求学生运用多个学科的知识，综合各种技能。这有助于培养学生的综合素养，提高他们的综合能力。 导师指导： 学生在毕业设计过程中通常由一名指导老师或导师团队提供指导和支持。导师负责引导学生确定研究方向、制定计划、提供建议，并在整个过程中监督进展。 学术规范： 毕业设计要求学生按照学术规范完成研究，包括文献综述、研究设计、数据采集与分析、结论和讨论等环节。学生需要撰写一篇完整的毕业论文，并进行答辩。
网络音乐搜索引擎，音乐搜索器 - 多站合一音乐搜索,音乐在线试听
最新发布
07-30
网络音乐搜索引擎，音乐搜索器 - 多站合一音乐搜索,音乐在线试听 效果截图https://www.diyiyuanma.cn/3444.html 多站合一音乐搜索解决方案，数据调用的是各网站的API接口， 有的接口并不是开放的，随时可能失效，本项目相关代码仅供参考。 网络音乐搜索引擎，音乐搜索器 - 多站合一音乐搜索,音乐在线试听
这是一个旨在简化合约部署、验证、交互等操作用于生成区块链智能合约Foundry框架指令的 Web3.0开发者工具
07-30
这是一个旨在简化合约部署、验证、交互等操作用于生成区块链智能合约Foundry框架指令的 Web3.0开发者工具。
三种esprit算法实现doa估计 _rezip.zip
07-30
在信号处理领域，DOA（Direction of Arrival）估计是一项关键技术，主要用于确定多个信号源到达接收阵列的方向。本文将详细探讨三种ESPRIT（Estimation of Signal Parameters via Rotational Invariance Techniques）算法在DOA估计中的实现，以及它们在MATLAB环境中的具体应用。 ESPRIT算法是由Paul Kailath等人于1986年提出的，其核心思想是利用阵列数据的旋转不变性来估计信号源的角度。这种算法相比传统的 MUSIC（Multiple Signal Classification）算法具有较低的计算复杂度，且无需进行特征值分解，因此在实际应用中颇具优势。 1. 普通ESPRIT算法 普通ESPRIT算法分为两个主要步骤：构造等效旋转不变系统和估计角度。通过空间平移（如延时）构建两个子阵列，使得它们之间的关系具有旋转不变性。然后，通过对子阵列数据进行最小二乘拟合，可以得到信号源的角频率估计，进一步转换为DOA估计。 2. 常规ESPRIT算法实现 在描述中提到的`common_esprit_method1.m`和`common_esprit_method2.m`是两种不同的普通ESPRIT算法实现。它们可能在实现细节上略有差异，比如选择子阵列的方式、参数估计的策略等。MATLAB代码通常会包含预处理步骤（如数据归一化）、子阵列构造、旋转不变性矩阵的建立、最小二乘估计等部分。通过运行这两个文件，可以比较它们在估计精度和计算效率上的异同。 3. TLS_ESPRIT算法 TLS（Total Least Squares）ESPRIT是对普通ESPRIT的优化，它考虑了数据噪声的影响，提高了估计的稳健性。在TLS_ESPRIT算法中，不假设数据噪声是高斯白噪声，而是采用总最小二乘准则来拟合数据。这使得算法在噪声环境下表现更优。`TLS_esprit.m`文件应该包含了TLS_ESPRIT算法的完整实现，包括TLS估计的步骤和旋转不变性矩阵的改进处理。 在实际应用中，选择合适的ESPRIT变体取决于系统条件，例如噪声水平、信号质量以及计算资源。通过MATLAB实现，研究者和工程师可以方便地比较不同算法的效果，并根据需要进行调整和优化。同时，这些代码也为教学和学习DOA估计提供了一个直观的平台，有助于深入理解ESPRIT算法的工作原理。
细胞分割计数matlab程序 附GUI 1.zip
07-30
细胞分割计数matlab程序 附GUI 1
angularjs 搜索框
04-09
怎么实现？ AngularJS搜索框可以通过ng-model、ng-repeat指令和过滤器来实现。首先，在搜索框上绑定一个ng-model指令，将input框中的值绑定到$scope中的一个变量上，例如ng-model="searchText"。然后，在需要被搜索的数据上添加一个ng-repeat指令，例如ng-repeat="item in items"。最后，在ng-repeat指令中添加一个过滤器，用于过滤掉不符合搜索条件的数据，例如filter:searchText。这样就可以实现一个简单的AngularJS搜索框了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值