angularJS 练习

发布时间：2020-12-17 09:37:37 所属栏目：安全来源：网络整理

导读：学习地址：http://www.runoob.com/angularjs/angularjs-tutorial.html !doctype htmlhtml lang="en" head meta charset="UTF-8" meta name="Generator" content="EditPlus?" meta name="Author" content="cloud" meta name="Keywords" content="angularJS we

学习地址：http://www.runoob.com/angularjs/angularjs-tutorial.html

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus?">
  <meta name="Author" content="cloud">
  <meta name="Keywords" content="angularJS web 前端">
  <meta name="Description" content="">
  <title>angularJs练习</title>
 
	<script src = "https://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
 </head>
 <body>
	<!-- angular 值绑定 -->
	<div ng-app = "user_name_app" ng-controller = "user_name_controller">
		姓: <input type="text" ng-model="f_name"><br>
		名: <input type="text" ng-model="l_name"><br>
		
		<!-- angular 表达式 -->
		<div>
			姓名: {{f_name + l_name}}
		</div>
	
		<!-- angular 表达式 -->
		<div ng-init="quantity=1;cost=5">
			{{ quantity * cost }}
		</div>

		<!-- angular 表达式 -->
		{{1 + 1}}

		<!-- angular 表达式 -->
		<div ng-init="points=[1,15,19,2,40]">
			{{ points[0]}}
		</div>
	</div>
	
	<!-- angular 脚本 -->
	<script>
		var app = angular.module('user_name_app',[]);
		app.controller('user_name_controller',function($scope) {
			$scope.f_name= "china";
			$scope.l_name= "cloud";
		});
	</script>
 </body>
</html>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!