Learning Path

AngularJS 教程

浏览 AngularJS 相关教程与章节。

前端与浏览器

HTML、CSS、JavaScript、浏览器 API、前端框架与 UI 工程。

教程

TUTORIAL前端与浏览器已抓取/AngularJS

AngularJS ng-hide 指令

AngularJS ng-hide 指令 AngularJS 参考手册 AngularJS 实例在复选框选中时隐藏一部分：隐藏 HTML: <input type='checkbox' ng-model='myVar'><div ng-hide='myVar'> &..

TUTORIAL前端与浏览器已抓取/AngularJS

AngularJS ng-href 指令

AngularJS ng-href 指令 AngularJS 参考手册 AngularJS 实例使用 AngularJS 设置添加链接: <div ng-init='myVar = 'http://www.runoob.com''>    <h1&gt..

TUTORIAL前端与浏览器已抓取/AngularJS

AngularJS ng-if 指令

AngularJS ng-if 指令 AngularJS 参考手册 AngularJS 实例取消选中，并移除内容: 保留 HTML: <input type='checkbox' ng-model='myVar' ng-init='myVar = true'><div ng-if=�..

TUTORIAL前端与浏览器已抓取/AngularJS

AngularJS ng-include 指令

AngularJS ng-include 指令 AngularJS 参考手册 AngularJS 实例包含 HTML 文件: <div ng-include=''myFile.htm''></div> 尝试一下 » 定义和用法 ng-include 指令用于包含外部的 HTML 文件。包含的..

TUTORIAL前端与浏览器已抓取/AngularJS

AngularJS ng-init 指令

AngularJS ng-init 指令 AngularJS 参考手册 AngularJS 实例初始化应用时创建一个变量: <div ng-app='' ng-init='myText='Hello World!''><h1>{{myText}}</h1> ..

TUTORIAL前端与浏览器已抓取/AngularJS

AngularJS ng-keydown 指令

AngularJS ng-keydown 指令 AngularJS 参考手册 AngularJS 实例按下按键时执行的代码: <input ng-keydown='count = count + 1' ng-init='count=0' /> <h1>{{count}}</h1>..

TUTORIAL前端与浏览器已抓取/AngularJS

AngularJS ng-keypress 指令

AngularJS ng-keypress 指令 AngularJS 参考手册 AngularJS 实例按下按键时执行的代码: <input ng-keypress='count = count + 1' ng-init='count=0' /> <h1>{{count}}</h1&..

TUTORIAL前端与浏览器已抓取/AngularJS

AngularJS ng-keyup 指令

AngularJS ng-keyup 指令 AngularJS 参考手册 AngularJS 实例按键松开时执行的代码: <input ng-keyup='count = count + 1' ng-init='count=0' /> <h1>{{count}}</h1> 尝..

TUTORIAL前端与浏览器已抓取/AngularJS

AngularJS ng-list 指令

AngularJS ng-list 指令 AngularJS 参考手册 AngularJS 实例转换用户的输入为数组: <div ng-app=''><input ng-model='customers' ng-list/> <pre>{{customers}}</..

TUTORIAL前端与浏览器已抓取/AngularJS

AngularJS ng-model-options 指令

AngularJS ng-model-options 指令 AngularJS 参考手册实例在失去焦点时绑定输入框的值到 scope 变量中： <div ng-app='myApp' ng-controller='myCtrl'>    <input ng-model=&..

TUTORIAL前端与浏览器已抓取/AngularJS

AngularJS ng-model 指令

AngularJS ng-model 指令 AngularJS 参考手册 AngularJS 实例绑定输入框的值到 scope 变量中： <div ng-app='myApp' ng-controller='myCtrl'>    <input ng-model='..

TUTORIAL前端与浏览器已抓取/AngularJS

AngularJS ng-mousedown 指令

AngularJS ng-mousedown 指令 AngularJS 参考手册 AngularJS 实例在鼠标按下时执行表达式： <div ng-mousedown='count = count + 1' ng-init='count=0'>点我!</div> <h1>{{count}..

TUTORIAL前端与浏览器已抓取/AngularJS

AngularJS ng-mouseenter 指令

AngularJS ng-mouseenter 指令 AngularJS 参考手册 AngularJS 实例在鼠标指针穿过元素时执行表达式： <div ng-mouseenter='count = count + 1' ng-init='count=0'>鼠标穿过我!</div><h1&..

TUTORIAL前端与浏览器已抓取/AngularJS

AngularJS ng-mouseleave 指令

AngularJS ng-mouseleave 指令 AngularJS 参考手册 AngularJS 实例在鼠标指针离开元素时执行表达式： <div ng-mouseleave='count = count + 1' ng-init='count=0'>鼠标从我这移开 me!</div><h1..

TUTORIAL前端与浏览器已抓取/AngularJS

AngularJS ng-mousemove 指令

AngularJS ng-mousemove 指令 AngularJS 参考手册 AngularJS 实例在鼠标指针在元素上移动时执行表达式： <div ng-mousemove='count = count + 1' ng-init='count=0'>在我这移动鼠标!</div><h1&am..

TUTORIAL前端与浏览器已抓取/AngularJS

AngularJS ng-mouseover 指令

AngularJS ng-mouseover 指令 AngularJS 参考手册 AngularJS 实例在鼠标指针移动到元素上时执行表达式： <div ng-mouseover='count = count + 1' ng-init='count=0'>鼠标移动到我这!</div><h1&am..

TUTORIAL前端与浏览器已抓取/AngularJS

AngularJS ng-non-bindable 指令

AngularJS ng-non-bindable 指令 AngularJS 参考手册 AngularJS 实例以下段落不需要使用 AngularJS 来编译： <div ng-app=''><p ng-non-bindable>这个代码不需要使用 AngularJS: {{ 5+5 }}</p&g..

TUTORIAL前端与浏览器已抓取/AngularJS

AngularJS ng-open 指令

AngularJS ng-open 指令 AngularJS 参考手册 AngularJS 实例通过点击 checkbox 显示或隐藏 <details> 列表: <input type='checkbox' ng-model='showDetails'><details ng-open='..

TUTORIAL前端与浏览器已抓取/AngularJS

AngularJS ng-options 指令

AngularJS ng-options 指令 AngularJS 参考手册 AngularJS 实例使用数组元素填充下拉列表: <div ng-app='myApp' ng-controller='myCtrl'><select ng-model='selectedName' ng-options=..

TUTORIAL前端与浏览器已抓取/AngularJS

AngularJS ng-paste 指令

AngularJS ng-paste 指令 AngularJS 参考手册 AngularJS 实例文本被粘贴时执行表达式: <input ng-paste='count = count + 1' ng-init='count=0' value='粘贴文本到这' /> 尝试一下 » 定义和用法 ng-pas..

TUTORIAL前端与浏览器已抓取/AngularJS

AngularJS ng-readonly 指令

AngularJS ng-readonly 指令 AngularJS 参考手册 AngularJS 实例设置输入框为只读: Readonly: <input type='checkbox' ng-model='all'><br> <input type='text' ng-re..

TUTORIAL前端与浏览器已抓取/AngularJS

AngularJS ng-repeat 指令

AngularJS ng-repeat 指令 AngularJS 参考手册 AngularJS 实例循环输出多个标题: <body ng-app='myApp' ng-controller='myCtrl'><h1 ng-repeat='x in records'>{{x}}&lt..

TUTORIAL前端与浏览器已抓取/AngularJS

AngularJS ng-selected 指令

AngularJS ng-selected 指令 AngularJS 参考手册 AngularJS 实例获取选中的选项: 点击复选框选择 BMW 选项:<input type='checkbox' ng-model='mySel'> <p>我喜欢的车:</p><sele..

TUTORIAL前端与浏览器已抓取/AngularJS

AngularJS ng-show 指令

AngularJS ng-show 指令 AngularJS 参考手册 AngularJS 实例复选框选中时显示部分内容: 显示 HTML: <input type='checkbox' ng-model='myVar'><div ng-show='myVar'> <h..