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

准备一天学个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'"

扫描二维码关注公众号,回复: 4503981 查看本文章

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

猜你喜欢

转载自blog.csdn.net/idiot_qi/article/details/84664717
今日推荐