天天看点

Anjular简单快速入门 如何快速掌握入门AnjularJS框架

 如何快速掌握入门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>