<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="js/angular.js" ></script>
<script>
var product = angular.module("myApp",[]);
product.controller("myCtrl",function($scope){
$scope.sex ="男";
$scope.stus=[{name:'张三',age:18,sex:'男'},{name:'李四',age:18,sex:'男'}];
$scope.save=function(){
$scope.stus.push({name:$scope.uname,age:$scope.age,sex:$scope.sex});
}
});
</script>
<style>
form label{
display: block;
margin: 10px;
}
</style>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<form>
<fieldset>
<legend>添加数据</legend>
<label>
用户名：<input ng-model="uname" />
</label>
<label>
年龄：<input ng-model="age" />
</label>
<label>
性别：<input type="radio" value="男" ng-model="sex" />男
<input type="radio" value="女" ng-model="sex" />女
</label>
</fieldset>
<input type="button" value="添加" ng-click="save()" />
</form>
<table border="1px">
<tr ng-repeat="s in stus">
<td>{{s.name}}</td>
<td>{{s.age}}</td>
<td>{{s.sex}}</td>
</tr>
</table>
</body>
</html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="js/angular.js" ></script>
<script>
var product = angular.module("myApp",[]);
product.controller("myCtrl",function($scope){
$scope.sex ="男";
$scope.stus=[{name:'张三',age:18,sex:'男'},{name:'李四',age:18,sex:'男'}];
$scope.save=function(){
$scope.stus.push({name:$scope.uname,age:$scope.age,sex:$scope.sex});
}
});
</script>
<style>
form label{
display: block;
margin: 10px;
}
</style>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<form>
<fieldset>
<legend>添加数据</legend>
<label>
用户名：<input ng-model="uname" />
</label>
<label>
年龄：<input ng-model="age" />
</label>
<label>
性别：<input type="radio" value="男" ng-model="sex" />男
<input type="radio" value="女" ng-model="sex" />女
</label>
</fieldset>
<input type="button" value="添加" ng-click="save()" />
</form>
<table border="1px">
<tr ng-repeat="s in stus">
<td>{{s.name}}</td>
<td>{{s.age}}</td>
<td>{{s.sex}}</td>
</tr>
</table>
</body>
</html>
扫一扫
4339
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
