初始AngularJS

分享到:

<!--

AngularJS 通过 ng-directives 扩展了 HTML。

ng-app 指令定义一个 AngularJS 应用程序。

ng-model 指令把元素值(比如输入域的值)绑定到应用程序。

ng-bind 指令把应用程序数据绑定到 HTML 视图。

AngularJS 表达式写在双大括号内:{{ expression }}

-->

HTML5 允许扩展的(自制的)属性,以 data- 开头。
AngularJS 属性以 ng- 开头,但是您可以使用 data-ng- 来让网页对 HTML5 有效。

<div data-ng-app="" data-ng-init="mySwitch=true">
        <input type="button" data-ng-disabled="mySwitch" data-ng-click="count=count+1" value="点啊"/>
        <input type="checkbox" data-ng-model="mySwitch" />
        <input type="text" data-ng-show="mySwitch" />
        <p data-ng-bind="mySwitch"></p>
        <p>{{count}}</p>
    </div>
<script src="//www.w3cschool.cc/try/angularjs/1.2.5/angular.min.js"></script>
昵    称:
验证码:

相关文档:

  • 《HTML5移动Web开发指南》读书笔记
    《HTML5移动Web开发指南》作者:唐俊开 Chapter1:《移动互联网时代的web技术》...
  • HTML5之拖放
    -Draggable标签文件拖放 99年IE5开始,05后所有浏览器支持(除了opera) <liid=bedraggable=trueondragstart="startDrag(event)">Brussels</li>...
  • [html5/css3]html5的新增主体结构元素
    <!DOCTYPEhtml> <html> <head> <metacharset="UTF-8"> <title>html5的新增主体结构元素</title> </head> <body> <!...
  • HTML5就是现在:深入了解Polyfills
    http://blog.csdn.net/wang16510/article/details/8960312 https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills...
  • HTML 5 canvas —— 基本语法
    目录 简述 canvas基础 2DcontextAPI 基本线条 路径 插入图像 像素级操作 文字 阴影 颜色渐变 小节 简述 HTML5规范引进了很多新特性,其中...
  • Html5 舞动的雨伞
    HMTL5的学习断断续续,方法不用又生疏了,昨天做的一个雨伞的Demo,先看看效果 主要是运用了中心点变换和旋转两个方法。不同的动画...
  • html5 获取鼠标悬停坐标
    <divid="mouse"style="width:300px;height:100px;border:1pxsolid#ccc"></div><divid="out"></div> <scripttype="text/javascript"&...
  • 我所了解的Chrome(不看你真的错过了)
    Chrome的隐身模式 先来说说隐身模式的启用方法吧 1.键盘快捷:Ctrl+Shift+N。 2.在Windows7下的任务栏处,右击“Chrome”图标,会出一个...
  • head 头标签(转发)
    HTMLhead头标签 paddingme|04Oct2014...
  • [html5/css3] html5 canvas 线性渐变和径向渐变
    <!DOCTYPEhtml> <html> <headlang="en"> <metacharset="UTF-8"> <title>html5canvas--线性渐变</title> <scripttype="text...
  • HTML5验证输入框
    <inputname=""id=""type="text"maxlength="11"placeholder="用户名"required='required'autofocus=""oninput="setCustomValidity('');"oninvalid="setCustomVali...
  • IE=edge,chrome=1的META信息详解
    这几天在玩HTML5★Boilerplate,注意到meta信息中有这么一句: 复制代码...
  • Html5 Web Workers
    web worker 是运行在后台的 JavaScript,不会影响页面的性能。web worker 是运行在后台的 JavaScript,独立于其他脚本,不会影响页面的性能。您可以继续做任何愿意做的事情:点击、选取内容等等,而此时 web worker 在后台运行。...
  • HTML5 AJAX history.pushState
    引入history.pushState的来龙去脉 大家都知道web2.0以来,大家都喜欢使用ajax来请求数据,提高用户体验,但是传统的ajax可以无刷新改变页面...
  • 点评10款Github上最火爆的国产开源项目
    衡量一个开源产品好不好,看看产品在Github的Star数量就知道了。由此可见,Github已经沦落为开源产品的“大众点评”了。 一个开...
  • HTML head 头标签
    参考:http://fex.baidu.com/blog/2014/10/html-head-tags/ HeadDOCTYPE(DocumentType),该声明位于文档中最前面的位置,处于html标签之前,此标签告知浏览...
  • HTML5之图像处理
    ---内嵌图像 -drawImage可以绘制图像context.drawImage(image,dx,dy)context.drawImage(image,dx,dy,dw,dh)context.drawImage(image,sx,sy,sw,sh,dx,dy,dw,dh) -基本绘制图片...
  • WebGIS中利用AGS JS+eChart实现一些数据展示的探索
    1.背景 eChart提供了迁徙图、热点图、夜视图等跟地图能够很好的结合起来的数据展示方式。但是如何将eChart和我们的AGSJS框架以及自身的...
  • html5 css3 loading 效果
    canvashtml5load1 主要思路update实现12个点的绘制和旋转效果 varupdate=function(){ ctx.save();//把当前绘图状态保存起来 ctx.clearRect(0,0,128,128);//擦除...
  • Horseman
    Horseman是一个Node.js模块,让你可以更轻松的使用PhantomJS进行功能测试,页面自动机,网络监控,屏幕捕获等。它提供了直接,链式的API,...