Anjular简单快速入门

最新推荐文章于 2023-05-06 23:02:13 发布

sun_mango

最新推荐文章于 2023-05-06 23:02:13 发布

阅读量338

点赞数

文章标签：前端框架 AnjularJS api 文档

本文链接：https://blog.youkuaiyun.com/sun_mango/article/details/70832793

版权

本文档介绍了快速掌握AngularJS框架的步骤，包括从AngularJS官网下载不同版本的包，建议下载API文档以便深入理解，以及如何创建模板和控制器。通过在HTML中设置ng-app定义模板名称，以及使用ng-controller声明控制器，可以开始构建AngularJS应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如何快速掌握入门AnjularJS框架

AngularJs所引用的包根据自己的需要下载不同的版本 AngularJS官网地址 : https://angularjs.org

学习之前最好去Anjular官网下载API文档方便了解使用下载地址: http://code.angularjs.org

首先需要创建模板和控制器

ng-app="模板名称" 要加在html标签中表示这个模板作用于整个HTML文档

ng-controller="控制器名称" 需要在哪用就把他放在哪若加在body上则作用于全局

简单基本格式

		<html ng-app="myApp">
		<head>
    			<meta charset="UTF-8">
    			<title>入门程序2</title>
    			<script src="需要使用的AngularJS版本"></script>
		</head>
		<body>
  			 <div ng-controller="myCtrl">
       
   			</div>
   		<script>
      			 var app=angular.module("myApp",[]);  // 建立一个根模块myApp  []是指数组其他的子模块
       			app.controller("myCtrl",function ($scope) {  //模板加控制器
             
       			});
  		 </script>
</body>
</html>