AngularJS初学！！！！

XiaoQin-er

于 2017-05-23 19:12:19 发布

阅读量196

点赞数

分类专栏： web 文章标签： AngularJS web

本文链接：https://blog.csdn.net/qq_37755275/article/details/72654941

版权

web 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

今天开始学习 AngularJS 这个开源web应用程序框架。

开始去查询资料学习，发现这个需要环境设置。

如果你的电脑浏览器是可以去翻墙的那么直接：://angularjs.org/

在这个网址中可以下载环境设置所需要的 AngularJS库！

如果翻墙不成功的话，那么下载两个零散的文件（库的内容不全，在后面完善。）：

经过一番查询，找到了部分AngularJS库的内容

http://download.csdn.net/detail/lxhjh/9417960 这个是一个包含了部分文件的AngularJS库；

http://download.csdn.net/detail/u012860063/9589201 这个必须下载，是刚开始学习AngularJS的成员必须要的js文件

“这两个链接是寻找别人的。”

下载好了之后，把这个js文件导入到上面下载好的AngularJS库中。

在写程序的时候，也要把库移入到你所写的html页面所在的工程中。

这样，可以去写一些简单的AngularJS的代码了。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<script src="angular.js-1.6.4/angular.min.js"></script>
<body ng-app="myapp">
<div ng-controller="HelloController" >
<!-- 
ng-controller告诉AngularJS什么控制器使用在了视图中。

 -->
<h2>你好!这是第一个{{helloTo.title}}程序!</h2>
</div>
<script>
angular.module("myapp",[])
.controller("HelloController",function($scope) {
	$scope.helloTo = {};
	$scope.helloTo.title = "AngularJs";
});
</script>
<!-- 
script里面部分是控制器部分，是Hellocontroller	控制器，在这里算注册了一个控制器。
并且通过angular.module(...).controller(...)函数来调用。
传递给控制器函数的$scope参数是模型，控制器功能增加了helloTo的JavaScript对象，该对象中加上一个标题字段
 -->
</body>
</html>

这部分给了详解，希望都明白一点哈。

这部分代码在网页上的显示则是：