Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularJS 练习大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

学习地址: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>

大佬总结

以上是大佬教程为你收集整理的angularJS 练习全部内容,希望文章能够帮你解决angularJS 练习所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。