angular 追加文本框输入的内容
来源:互联网 发布:淘宝代理费 编辑:程序博客网 时间:2024/05/16 06:33
<!DOCTYPE html>
<html ng-app="myapp">
<head>
<meta charset="UTF-8">
<title></title>
<style>
input{margin-top: 10px;}
button{margin-top: 10px;}
div{border:1px solid deepskyblue;width: 500px;height: 300px;}
</style>
<script src="angular.js"></script>
<script>
angular.module('myapp',[])
.controller('myctrl',function($scope){
$scope.item = '';
$scope.items = [];
//增加列表项方法
$scope.add = function(){
$scope.items.push($scope.item);
}
})
</script>
</head>
<body style="padding: 20px" ng-controller="myctrl">
<p>公告墙</p>
<div>
<p>今天我觉得天气不错</p>
<p>你觉得天气怎么样呢</p>
<p ng-repeat="item in items track by $index">{{item}}</p>
</div>
<p><input type="text" ng-model="item" placeholder="请输入内容">
<button ng-click="add()">发布</button></p>
</body>
</html>
<html ng-app="myapp">
<head>
<meta charset="UTF-8">
<title></title>
<style>
input{margin-top: 10px;}
button{margin-top: 10px;}
div{border:1px solid deepskyblue;width: 500px;height: 300px;}
</style>
<script src="angular.js"></script>
<script>
angular.module('myapp',[])
.controller('myctrl',function($scope){
$scope.item = '';
$scope.items = [];
//增加列表项方法
$scope.add = function(){
$scope.items.push($scope.item);
}
})
</script>
</head>
<body style="padding: 20px" ng-controller="myctrl">
<p>公告墙</p>
<div>
<p>今天我觉得天气不错</p>
<p>你觉得天气怎么样呢</p>
<p ng-repeat="item in items track by $index">{{item}}</p>
</div>
<p><input type="text" ng-model="item" placeholder="请输入内容">
<button ng-click="add()">发布</button></p>
</body>
</html>
阅读全文
0 0
- angular 追加文本框输入的内容
- angular 在文本框输入内容替换旧的内容
- angular实现内容追加
- 对输入文本框的内容作出检测
- js限制文本框输入的内容
- js实现文本框输入内容的相加
- tiptop文本框实时监测输入的内容
- 兼容实时监测文本框内容的输入
- 限制文本框输入内容
- 将输入框的内容追加到表格中
- 文本框输入内容合法性检测
- 限制文本框输入框内容
- swing 文本框输入内容限制
- 文本框输入内容回车事件
- js控制文本框输入内容
- ios文本框无法输入内容
- js为所有文本框的输入内容去除两端空格
- 文本框输入内容提示消失的两种实现
- 代理s3的nginx缓存服务器配置
- mui list (列表) ipnut (表单)
- 实习随记1
- 实习日志(第四周2)
- 【云栖大会】阿里云李津:持续释放技术红利,为1000万企业提供技术平台
- angular 追加文本框输入的内容
- [Oracle 11g r2(11.2.0.4.0)]集群资源管理
- phpmyadmin 导入数据库 502
- 你确定你真的懂Nginx与PHP的交互?
- MVC(持续更新)
- dubbo开发中使用到的一些服务配置方式
- 文本框限制输入字数
- cxf获取http对象地址
- Android业务中间层该如何设计?