发表于： 2017-04-08 23:51:28
0 1201
今天完成的事情：
今天主要在刷菜鸟教程上的AngularJS教程，为任务6做基础准备。
明天计划的事情：
继续看菜鸟教程，同时了解下任务6的内容，带着问题学习。
遇到的问题：
今天小课堂是石林涛讲的JS的作用域及类型，最后举例子拿出了一段代码：
function setName(obj) {
obj.name = "Nicholas";
obj = new Object();
obj.name = "Greg";
}
var person = new Object();
setName(person);
document.write(person.name);
这里最后输出的是Nicholas而不是Greg，
桦伟说这里涉及到了JS的构造函数的知识，我们对那一块还不太熟悉，先Mark一下。
收获：
1.angularJS是一个javascript框架，可以通过script标签添加到HTML页面。通过指令拓展了HTML，通过表达式绑定数据到HTML。
AngularJS 是以一个 JavaScript 文件形式发布的，可通过 script 标签添加到网页中：<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
2.AngularJS 通过 ng-directives 扩展了 HTML。
ng-app 指令定义一个 AngularJS 应用程序。
ng-model 指令把元素值（比如输入域的值）绑定到应用程序。
ng-bind 指令把应用程序数据绑定到 HTML 视图。
eg：<div ng-app="">被绑定元素是应用程序的所有者。 <p>名字 : <input type="text" ng-model="name"></p>把输入域的值绑定给程序变量name。 <h1>Hello {{name}}</h1>把应用程序变量 name 绑定到某个段落的 innerHTML。 </div>
ng-init 指令初始化 AngularJS 应用程序变量。
3.AngularJS 表达式写在双大括号内：{{ expression }}。
AngularJS 表达式把数据绑定到 HTML，这与 ng-bind 指令有异曲同工之妙。
AngularJS 将在表达式书写的位置"输出"数据。
AngularJS 表达式 很像 JavaScript 表达式：它们可以包含文字、运算符和变量。
4..angularJS 模块
创建模块：var app=angular.module("myapp",[]);
添加控制器：app.controller("myCtrl",function($scope){})
添加指令：app.directive("runoobDirective", function() { return { template : "我在指令构造器中创建!"};});
模块和控制器包含在js文件中，在模块定义中 [] 参数用于定义模块的依赖关系。中括号[]表示该模块没有依赖，如果有依赖的话会在中括号写上依赖的模块名字
AngularJS 库是在文档的 <head> 区域被加载。
另一个解决方案是在 <body> 元素中加载 AngularJS 库，但是必须放置在AngularJS 脚本前面。
返回列表
评论