`
Supanccy2013
  • 浏览: 213962 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

angularJs--1入门小例子

阅读更多 
<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<html ng-app>
<head>
<script type="text/javascript"
	src="/angularJs/angular-1.2.19/angular.min.js"></script>
</head>
<body>
	<div ng-controller="testCtrl">
		<b>小型计算器:</b> <br> <br>
		<table>
			<tr>
				<td>数字1</td>
				<td>数字2</td>
			</tr>
			<tr>
				<td><input type="number" 
				           min="0" 
				           max="10" 
				           ng-model="number1"
					       required></td>
				<td><input type="number" 
				           min="2" 
				           max="10" 
				           ng-model="number2"
					       required></td>
			</tr>
		</table>
		<hr>
		<b>Total:</b> {{number1 * number2 | currency}}
	</div>
   <div ng-controller="registUser">
       <b>注册用户：</b><br><br>
       <table>
			<tr>
				<td>用户名:</td>
				<td><input type="text" ng-model="userName"></td>
			</tr>
			<tr>
				<td>密码:</td>
				<td><input type="password" ng-model="password"></td>
			</tr>
		</table>
   </div>
   <script>
            function testCtrl($scope) {
                $scope.number1 = 2;
                $scope.number2 = 5.6;
            }
            function registUser($scope){
            	$scope.userName = "chenchaoyang";
            	$scope.password="china";
            }
   </script>
</body>
</html>
分享到：
| echars--旋风条形图负值显示正值
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics