回车键触发input渲染到ul的li中
来源:互联网 发布:贸易结构优化 编辑:程序博客网 时间:2024/05/08 01:46
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script> <script> var app = angular.module("gaoynApp", []); app.controller("democ", ["$scope", function($scope) { $scope.listdata = []; //列表数据 //创建save函数,向数组中添加数据 $scope.save = function() { //1 获取输入框的值 console.log("获得输入框的值:", $scope.newdata); //$scope.newdata /** * 判断值是否在数组中存在 */ var i = $scope.listdata.toString().indexOf($scope.newdata); //1 把数组转为字符串 2利用字符串indexOf查找是否存在 if(i<0){ //2 把值添加数组中--->把值添加到数组最前面 $scope.listdata.unshift($scope.newdata); //3 添加完毕以后,把输入框的值清空 $scope.newdata = ""; }else{ alert("已经存在!!!"); } } }]); </script> </head> <body ng-app="gaoynApp" ng-controller="democ"> <form ng-submit="save()"> <input ng-model="newdata" /> </form> <ul> <li ng-repeat="d in listdata">{{d}}</li> </ul> </body></html>
阅读全文
0 0
- 回车键触发input渲染到ul的li中
- 回车键触发input渲染到ul的li中
- 回车键触发input渲染到ul的li中
- <input type="submit">点击按钮 添加内容到相应的radio的ul li中
- HBuilder动态的向<ul></ul>中插入<li></li>
- jquery渲染ul li标签的下拉、上拉
- HTML中UL、OL、LI的用法
- ul中li的居中问题
- jquery获取ul中li的值
- 如何设置ul中li的行距
- UL中LI滚动的特效
- <ul> 中 <li>元素的横排居中
- 简单的小应用-歌曲列表添加(表单输入内容li增加到ul中)
- jquery中ul > li是什么意思?
- ul中获取当前点击的li的值
- 将一个ul下的li转移到另外一个ul里面 【appendTo】
- div+css布局中UL和LI的使用方法介绍
- li中嵌套ul在ie6,7下的bug
- 1002. 写出这个数 (20)
- responseBody返回jsonp格式
- 避免IE执行AJAX时,返回JSON出现下载文件
- serInterval 运动(js)
- idea find duplicated code 关闭idea的 duplicated code 提示
- 回车键触发input渲染到ul的li中
- WeUI的radio与cheakedBox选中与设置选中问题
- 每日一练15
- [Leetcode] 442. Find All Duplicates in an Array 解题报告
- Android调用腾讯地图app导航
- tensorflow 常用语句
- ros 坐标系
- JSON.parse()和JSON.stringify()
- <小田吃饺子> LINUX:Contos7.0 / 7.2 LAMP+R 下载安装Redis篇