MEAN全栈工程师-从入门到弃坑第三天之angularjs

准备一天学个angularjs和mongodb，结果只剩时间学了会angularjs @_@（后来发现，这些以我的能力鸭羹就不是一天两天光看能搞明白的TAT）

因为项目版本比较低了，所以我学习的是angularjs 1.7x，不过对于我这个接触前端框架少的小白来说用的比原生js和jquery要舒服多了；最主要的一个原因呢就是双向数据绑定，用法简单粗暴

首先贴菜鸟教程网址 http://www.runoob.com/angularjs/angularjs-reference.html

1.表达式（在html里使用）

{{属性名}}

一般我就用来显示先数据，比较简便，但是有点不好的就是网络卡会直接把源码显示出来

 

2.指令（在html里的标签上使用）

ng-app 指令定义一个 AngularJS 应用程序，只有在这个指令里angularjs的东西才会起作用

ng-init  初始化数据，ng-init="firstName='John'"

ng-model 指令把元素值（比如输入域的值）绑定到应用程序。

ng-bind 指令把应用程序数据绑定到 HTML 视图。

ng-repect  循环一个元素，ng-repeat="迭代变量 in 数组"，这个用的特别多也特别舒服

……

2.1.创建自定义指令（js）

 .directive 函数来添加自定义的指令

使用驼峰法来命名一个指令， runoobDirective, 但在使用它时需要以 - 分割, runoob-directive:

<script>

var app = angular.module("myApp", []);

app.directive("runoobDirective", function() {return { template : "<h1>自定义指令!</h1>" };});

</script>

可以通过以下方式来调用指令：

• 元素名

• 属性

• 类名

• 注释

先贴这么一丢丢吧，后面有什么感触再补qaq