angularjs用回车键动态添加数据,同时渲染到页面
2024-08-30 04:49:12
<script src="../../angular-1.5.5/angular.min.js"></script>
<script>
var myapp=angular.module("myapp",[]);
myapp.controller("myCtrl",function($scope){
$scope.items=[];
$scope.fun=function(event){
console.log(event);
if(event.keyCode==13){//判断键值回车键触发input渲染到ul的li中
$scope.items.unshift($scope.course);回车键触发input渲染到ul的li中
$scope.course="";
}
}
})
</script>
样式
<body ng-app="myapp" ng-controller="myCtrl" ng-keyup="fun($event)">
<input type="text" ng-model="course">
<ul>
<li ng-repeat="item in items">{{item}}</li>
</ul>
</body>
最新文章
- Linux C编程学习之开发工具1---GCC编译器
- CSS3+JS切割轮播图
- 加快http请求图片的速度
- 如何在IDEA上创建Spring MVC项目
- [转]搞ACM的你伤不起(转自Roba大神)
- iOS: 聊聊 Designated Initializer(指定初始化函数)
- Android pulltorefresh使用
- ./fedora_install_oracle.sh bad interpreter
- javascript 基础学习教程
- 【linux】linux如何进入单人维护模式修改root密码
- 在yii中使用gearman
- Android IOS WebRTC 音视频开发总结(四九)-- ffmpeg介绍
- 【JavaScript】Javascript中的函数声明和函数表达式
- TFS(Team Foundation Server)介绍和入门
- java与.net比较学习系列(4) 运算符和表达式
- call、apply以及bind
- kube-liveboard: kubernetes集群可视化工具
- one-to-one 一对一映射关系(转 wq群)
- C++程序设计方法4:类模板
- innerHTML、innerText和outerHTML、outerText的区别