• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

AngularJS 实例

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

AngularJS 实例

本节为你提供了一些 AngularJS 实例,包括基础的 AngularJS 的使用、AngularJS 表达式的使用、AngularJS 指令的使用等等。

尝试一下

您可以在线编辑实例,然后点击按钮查看结果。

AngularJS 实例

<div ng-app="">

<p>Name: <input type="text" ng-model="name"></p>
<p>You wrote: {{ name }}</p>

</div>

尝试一下 »


AngularJS 基础

我的第一个 AngularJS 表达式
我的第一个 AngularJS 指令
我的第一个 AngularJS 指令(带有有效的 HTML5)

基础的 AngularJS 讲解


AngularJS 表达式

带有数字的表达式
使用带有数字的 ng-bind
带有字符串的表达式
使用带有字符串的 ng-bind
带有对象的表达式
使用带有对象的 ng-bind
带有数组的表达式
使用带有数组的 ng-bind

表达式讲解


AngularJS 指令

AngularJS 指令
ng-model 指令
ng-repeat 指令(带有数组)
ng-repeat 指令(带有对象)

指令讲解


AngularJS 控制器

AngularJS 控制器
控制器属性
控制器函数
JavaScript 文件中的控制器 I
JavaScript 文件中的控制器 II

控制器讲解


AngularJS 过滤器

表达式过滤器 uppercase
表达式过滤器 lowercase
指令过滤器 orderBy
输入过滤器

过滤器讲解


AngularJS HTML DOM

The ng-disabled Directive

HTML DOM 讲解


AngularJS HTML 事件

ng-click 指令
ng-show 指令

HTML 事件讲解


AngularJS 模块

body 中的 AngularJS 模块
文件中的 AngularJS 模块

模块讲解


AngularJS 应用程序

AngularJS 应用程序

应用程序讲解


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
AngularJS 参考手册发布时间:2022-01-28
下一篇:
AngularJS 应用程序发布时间:2022-01-28
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap