美文网首页
Angular.js基础。

Angular.js基础。

作者: 怦然心动djs | 来源:发表于2019-06-21 17:59 被阅读0次

1.前端中所说的模板就是把JS中的数据动态地渲染到html中。

2.MVC M表示的是数据 V表示的是视图 C表示的是控制器。
主要的是M和V怎样联系到一起。他们联系到一起就是通过控制器来联系到一起的。至于 他们怎么联系到一起的,这个就是底层的实现的,我们不要关心。控制器就是用来连接视图和数据的桥梁。

3.MVVM双向数据绑定,数据改变了会让视图改变,视图改变了也会让数据改变。ng-model = "name" 表示的是绑定的是name 。name的值改变 V上面显示的也会改变。V上面的改变name也会改变。

image.png image.png image.png image.png image.png image.png

4.Angular.js里面的模块系统,一个模块里面可以写多个控制器 。angular.module()表示的就是一个模块,然后 一个模块里面有多个控制器。

image.png image.png image.png image.png

5.Angualr中的工具函数,function(xxx,function(){})
function(){} 会自动执行的。这个不是函数嵌套函数。

image.png image.png image.png

6.Angualr.js中的过滤器


image.png

7.Angular.module()是一个模块。里面有很多函数和方法。

8.ng-repeat是用来遍历数组或者集合的。通过in 来遍历每一项。

9.ng的事件操作。

image.png image.png image.png image.png

10.ng中引入模块。
[图片上传中...(image.png-a9d0cc-1561111104698-0)]

相关文章

  • Angular.js 学习资源集锦

    AngularLearning Angular.js 的一些学习资源 基础 官方:http://docs.angu...

  • Angular.js基础。

    1.前端中所说的模板就是把JS中的数据动态地渲染到html中。 2.MVC M表示的是数据 V表示的是视图...

  • Angular.js基础手册

    AngularJS简介 AngularJS 诞生于2009年,由Misko Hevery 等人创建,后为Googl...

  • 1 、Introduction of AngularJS

    各个 angular.js 版本下载:https://github.com/angular/angular.js/...

  • AngularJS学习笔记

    引入angular.js 若在页面中引入了angular.js并添加了ng-app="app" ng-contro...

  • 002数据绑定

    1 ng-app命令,加在标签上,如 表示这个标签会被angular.js管理 2 {{}}angular.js用...

  • 004ng-bind

    前面我们说angular.js使用{{}}可以用来输出,括号里面可以放angular.js的表达式如{{name}...

  • 前端mvvm框架vue.js(1)——初步学习

    vue.js由Evan you大神开源的个人项目,借鉴于angular.js,但比angular.js更加简洁,易...

  • Angular与isotopejs与imagesLoaded 无

    [TOC] Angular.js Angular.js是一款优秀的前端框架,在web与wap中可以通过简单的代码实...

  • ng-app

    ng-app 确认angular.js的管理边界angular.js比较霸道,一旦确认了ng-app,ng-app...

网友评论

      本文标题:Angular.js基础。

      本文链接:https://www.haomeiwen.com/subject/vaujqctx.html