angularjs学习2---数据绑定与controller

和ng-app声明所有被它包含的元素都属于AngularJS应用一样，DOM元素上的ng-controller声明所有被它包含的元素都属于某个控制器，换句话说就是：在你的DOM

节点的开始的地方声明一个ng-controller，那么在节点结束之前，节点里面所有的元素都属于你声明的那个控制器

例如：

.......你的代码

</div>

在div结束之前的代码中的所有元素都是MyController的元素。

所以数据绑定可以声明一个controller去控制

<html ng-app>
<head>
    <script src="http://code.angularjs.org/angular-1.0.1.min.js"></script>

</head>
<div ng-controller="MyController">
   hello {{name}}
</div>

</html>
<script>
    function MyController($scope){$scope.name="zhy";}
</script>

显示：hello zhy

内容很简单但是基本的原理就是这样了

angularjs学习2---数据绑定与controller相关推荐

【AngularJs学习笔记五】AngularJS从构建项目开始
为什么80%的码农都做不了架构师?>>> #0 系列目录# AngularJs学习笔记 [AngularJs学习笔记一]Bower解决js的依赖管理 [AngularJs学习笔 ...
angularjs学习总结详细教程
本文详细讲解了前言.AngularJS概述.AugularJS特性.功能介绍.功能演示.功能演示.AngularJS进阶.总结七部分,可能会与原文略有不同. 不理解请看原文(尤其是代码部分),本文仅供 ...
转: angularjs学习总结(~~很详细的教程)
1 前言前端技术的发展是如此之快,各种优秀技术.优秀框架的出现简直让人目不暇接,紧跟时代潮流,学习掌握新知识自然是不敢怠慢. AngularJS是google在维护,其在国外已经十分火热,可是国内的 ...
angularjs学习总结详细教程（转载）
1 前言前端技术的发展是如此之快,各种优秀技术.优秀框架的出现简直让人目不暇接,紧跟时代潮流,学习掌握新知识自然是不敢怠慢. AngularJS是google在维护,其在国外已经十分火热,可是国内的 ...
angularjs学习总结（资料收集）
angularjs学习总结(资料收集) 原文地址https://blog.csdn.net/weixin_33178524/article/details/79179597 1 前言前端技术的发展是 ...
AngularJS 学习笔记---AngularJS 简介
AngularJS 简介 http://www.runoob.com/angularjs/angularjs-intro.html https://docs.angularjs.org/api/ng ...
AngularJS入门之数据绑定
本篇我们看一下AngularJS中的数据绑定.虽然我们直到这篇才提到数据绑定,但事实上在前面几篇中我们已经非常熟练的运用AngularJS的数据绑定功能了! ngBind(ng-bind)/ {{ e ...
AngularJS学习之旅—AngularJS 模块(十五)
一.AngularJS 模块模块定义了一个应用程序. 模块是应用程序中不同部分的容器. 模块是应用控制器的容器. 控制器通常属于一个模块. 1.创建模块通过 AngularJS 的 angular ...
AngularJS 学习笔记---AngularJS 表达式
AngularJS 表达式 AngularJS 使用表达式把数据绑定到 HTML. AngularJS 表达式 AngularJS 表达式写在双大括号内:{{ expression }}. Ang ...
开启AngularJS学习之旅
AngularJS 通过新的属性和表达式扩展了 HTML. AngularJS 可以构建一个单一页面应用程序(SPAs:Single Page Applications). AngularJS 学习起 ...

angularjs学习2---数据绑定与controller

angularjs学习2---数据绑定与controller相关推荐

最新文章

热门文章