发表于： 2017-01-05 23:02:48
0 1591
今天完成的事情：开始做task6，刷菜鸟教程上的angularJS教程
明天计划的事情：开始尝试写任务，不清楚的再回过头来看吧
遇到问题：暂时没有
收获：由于今天都是在刷基础，那我就还是做个笔记的搬运工吧
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表达式
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 脚本前面：
返回列表
评论