AngularJS学习(一)——基本的入门程序(配置环境)

AngularJS学习(一)——基本的入门程序(配置环境)

AngularJS强化的JavaScript的功能,主要用在手机或者移动端开发的一套框架,需要注意的是AngularJS是一个框架。说到这里就要说一下,JQuery是一个库。下面介绍一个简单的例子程序。

1、下载AngularJS最新版的文件。http://docs.angularjs.cn/api。下载方法:
AngularJS学习(一)——基本的入门程序(配置环境)_第1张图片
下载完成后,会有个压缩包,在压缩包中找到angular.min.js文件。
2、新建一个eclilpse的web project。按照截图进行建立目录和文件。
其中的angular.min.js是下载之后的文件,test.js是新建的js文件。
AngularJS学习(一)——基本的入门程序(配置环境)_第2张图片
3、下面是index.jsp中的内容
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>



  
    
    
    My JSP 'index.jsp' starting page
	
	
	    
	
	
	
	
	
  
  
  
   	

{{name}}

4、test.js中的内容
function testAngular(){
	var app = angular.module("myApp",[]);
	app.controller("myController",function($scope){
		$scope.name="this is a test";
	});
}
5、运行结果
AngularJS学习(一)——基本的入门程序(配置环境)_第3张图片
6、这样就能够使用AngularJS了。这个框架有一个非常好的学习地址,我学习的时候也是参考的这个网站,网站的地址是:http://www.runoob.com/angularjs/angularjs-tutorial.html。有空的时候能够在这里学习到很多有用的知识,非常推荐大家去看看!!!

你可能感兴趣的:(javascript,AngularJS)