AngularJS初学！！！！

来源：互联网发布：js获取表单提交的数据编辑：程序博客网时间：2024/06/06 04:16

今天开始学习 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>

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

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

这样，一个很简单的AngularJS程序就完成了！！！！！

阅读全文

0 0