JavaScript强化教程——AngularJS 指令

本文为 H5EDU 机构官方 HTML5培训

AngularJS 通过被称为 指令 的新属性来扩展 HTML。 AngularJS 通过内置的指令来为应用添加功能。 AngularJS 允许你自定义指令。 AngularJS 指令 AngularJS 指令是扩展的 HTML 属性,带有前缀 ng-。 ng-app 指令初始化一个 AngularJS 应用程序。 ng-init 指令初始化应用程序数据。 ng-model 指令把元素值(比如输入域的值)绑定到应用程序。 完整的指令内容可以参阅 AngularJS 参考手册。 AngularJS 实例

在输入框中尝试输入:

姓名:<input type="text" ng-model="firstName"></p>

你输入的为: {{ firstName }}

教程,主要介绍:JavaScript强化教程 —— AngularJS 指令 ng-app 指令告诉 AngularJS,

元素是 AngularJS 应用程序 的"所有者"。 Note 一个网页可以包含多个运行在不同元素中的 AngularJS 应用程序。 数据绑定 上面实例中的 {{ firstName }} 表达式是一个 AngularJS 数据绑定表达式。 AngularJS 中的数据绑定,同步了 AngularJS 表达式与 AngularJS 数据。 {{ firstName }} 是通过 ng-model="firstName" 进行同步。 在下一个实例中,两个文本域是通过两个 ng-model 指令同步的: AngularJS 实例

价格计算器

数量: <input type="number" ng-model="quantity"> 价格: <input type="number" ng-model="price">

总价: {{ quantity * price }}

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏布尔

ExtJS4预览:渲染过程重构和标准化

在过去的四年,ExtJs代码库已经进化了,新组件被加进来,编码标准也改进了。在这个过程中,为了重构旧组件有必要经常追溯回去以保证他们也被改进。 在ExtJS4...

18910
来自专栏跟着阿笨一起玩NET

DropDownList下拉框多选

最近弄完个项目、项目需要支持多选功能、找了很多例子没找到合适的,最后自己开发了个控件:

1411
来自专栏技术墨客

React 状态、事件与动态渲染

例子中使用map方法将每个元素的值*2,最后得到的数组为:[2, 4, 6, 8, 10]。在React中,处理组件数组的方式与之类似。

590
来自专栏软件开发

前端MVC Vue2学习总结(五)——表单输入绑定、组件

你可以用 v-model 指令在表单控件元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇,但 v-model 本质上不过是语法...

562
来自专栏技术墨客

React学习(3)——列表、键值与表单 原

    例子中使用map方法将每个元素的值*2,最后得到的数组为:[2, 4, 6, 8, 10]。在React中,处理组件数组的方式与之类似。

1113
来自专栏偏前端工程师的驿站

CSS魔法堂:一起玩透伪元素和Content属性

 继上篇《CSS魔法堂:稍稍深入伪类选择器》记录完伪类后,我自然而然要向伪元素伸出“魔掌”的啦^_^。本文讲讲述伪元素以及功能强大的Contet属性,让我们可以...

803
来自专栏前端架构与工程

解决transition动画与display冲突的几种方法

如demo(如果没有显示,请查看源地址http://jsfiddle.net/ihardcoder/HNduT/2/)所示,基本的效果是在点击“Translat...

1766
来自专栏专业duilib使用+业余界面开发

duilib创建自定义控件

1815
来自专栏偏前端工程师的驿站

WebComponent魔法堂:深究Custom Element 之 标准构建

前言  通过《WebComponent魔法堂:深究Custom Element 之 面向痛点编程》,我们明白到其实Custom Element并不是什么新东西,...

17410
来自专栏互联网杂技

前端科普文:为什么&lt;!DOCTYPE&gt; 不可或缺

When question comes 你一定在 HTML 页面最前面看到过这样一行代码(比如 百度): <!DOCTYPE html> 或者说类似这样的(比如...

3408

扫码关注云+社区