AngularJS 指令

前端开发 作者: 2024-08-20 09:20:01
AngularJS 通过被称为指令的新属性来扩展 HTML。AngularJS 指令AngularJS 指令是扩展的 HTML 属性,带有前缀ng-。ng-app指令初始化一个 AngularJS 应
<div ng-app="" ng-init="firstName='John'">

  p>在输入框中尝试输入:</>
  >姓名:input type="text" ng-model="firstName"></>你输入的为: {{ firstName }}>

div>
="quantity=1;price=5"h2>价格计算器>

数量: ="number"="quantity"
价格: ="price"><b>总价:> {{ quantity * price }}>
="names=['Jani','Hege','Kai']">使用 ng-repeat 来循环数组ul>
    li ng-repeat="x in names"
      {{ x }}
    li>
>
="names=[
{name:'Jani',country:'Norway'},{name:'Hege',country:'Sweden'},{name:'Kai',country:'Denmark'}]">循环对象:
    {{ x.name + ',' + x.country }}
  >


  • 为应用程序数据提供类型验证(number、email、required)。
  • 为应用程序数据提供状态(invalid、dirty、touched、error)。
  • 为 HTML 元素提供 CSS 类。
  • 绑定 HTML 元素到 HTML 表单。

原创声明
本站部分文章基于互联网的整理,我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
本文链接:http://www.jiecseo.com/news/show_65437.html
AngularJS 指令