z2
来源:互联网 发布:windows dvd 播放器 编辑:程序博客网 时间:2024/05/07 12:05
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0; } ul{ width: 400px; height: 300px; border: 1px solid black; } li{ padding: 5px; list-style: none; } .box{ width: 500px; height: 1000px; display: block; margin: 100px auto; } .box2{ height: 120px; width: 200px; display: block; border: 1px solid black; } .buttons{ height: 40px; line-height: 40px; text-align: center; margin-top: 30px; } .box3{ height: 120px; width: 200px; display: block; border: 1px solid black; } .box4{ height: 120px; width: 200px; display: block; border: 1px solid black; } </style> <script src="angular-1.5.5/angular.min.js"></script> <script> var myapp=angular.module("myapp",[]); myapp.controller("myCtrl",function ($scope) { $scope.arr=[]; $scope.cunzai=false; $scope.btn=function () { if($scope.inputs.indexOf("#")==-1){ confirm("您记录的内容已记录");// $scope.cunzai=true; $scope.arr.unshift($scope.inputs); }else{ alert("不能输入敏感字#"); } if($scope.inputs==$scope.arr){ $scope.cunzai=true; } $scope.inputs=null; if($scope.inputs==""){ console.log($scope.inputs); confirm("输入的不能为空"); } }; $scope.finds=function () { if($scope.find== $scope.arr){ alert("搜索到相关内容"); $scope.cunzai3=true; }else{ alert("没有找到相关内容") $scope.cunzai4=true; } } $scope.ok=function () { $scope.cunzai=false; } $scope.very=function () { $scope.cunzai3=false; } $scope.no =function () { $scope.cunzai4=false; } }) </script></head><body ng-app="myapp" ng-controller="myCtrl"><div class="box"> 记账本<br> <ul ng-model="search"> <li ng-repeat="item in arr track by $index">{{item}}</li> </ul> 输入框<input type="text" ng-model="inputs"><br> <button ng-click="btn()">记录</button><br> <div class="box2" ng-if="cunzai"> <h4>提示</h4> <p>您记录的已存在</p> <button style="width: 100%" class="buttons" ng-click="ok()">好吧</button> </div> 搜索框<input type="text" ng-model="find"><br> <button ng-click="finds()">搜索</button> <div class="box3" ng-if="cunzai3"> <h4>提示</h4> <p>搜到相关内容</p> <button style="width: 100%" class="buttons" ng-click="very()">很好</button> </div> <div class="box4" ng-if="cunzai4"> <h4>提示</h4> <p>没有搜到相关内容</p> <button style="width: 100%" class="buttons" ng-click="no()">失望</button> </div></div></body></html>
阅读全文
0 0
- z2
- z2
- z2救砖
- 索尼 Xperia Z2曝光
- 索尼Z2强刷固件教程
- 索尼Z2 ROOT教程
- 索尼Z2备份基带
- 索尼Xperia Z2智能手机和Z2平板测评
- 索尼Xperia Z2智能手机和Z2平板测评
- Xperia Z2参数及白皮书
- 索尼Z2(L50t)刷CM12教程
- 索尼z2(l50t)安装google服务
- 酷科技 | Moto Z2 Force 模块化智能手机
- 疑似索尼Xperia Z2 Compact曝光 代号Altair
- 用双眼无法扑捉 索尼Z2的细节改动
- 2016西电校赛网络赛 Problem A z1+z2
- 关于root 联想ZUK z2 遇到的一系列问题
- 联想zuk z2刷recovery教程(Fastboot一键线刷)
- 看一个接口回调的例子
- mxGraph节点图形设置
- STC12单片机实现自动下载程序
- 内网穿透利器——frp
- java(十二):线程池和ThreadPoolExecutor
- z2
- Vision_MATH_(扩展)欧几里得
- 面试心得
- 一个倒三角形接一个正三角形
- AutoCloseable与Closeable源码翻译
- C++笔记——static数据成员
- Swift从相册选择图片,图文混排并且可以保存、上传数据
- Rancher 2.0 的第一印象
- 4-变量和不同赋值方式