zoukankan      html  css  js  c++  java
  • AngularJS1 学习笔记1

    什么是 AngularJS?

    AngularJS 使得开发现代的单一页面应用程序(SPAs:Single Page Applications)变得更加容易。

    • AngularJS 把应用程序数据绑定到 HTML 元素。
    • AngularJS 可以克隆和重复 HTML 元素。
    • AngularJS 可以隐藏和显示 HTML 元素。
    • AngularJS 可以在 HTML 元素"背后"添加代码。
    • AngularJS 支持输入验证。

    代码实例:

    
    
    <!DOCTYPE html>
    <html lang="en" ng-app="">
    <head>
    <meta charset="UTF-8">
    <title>指令</title>
    <script type="application/javascript" src="../js/angular.min.js"></script>
    </head>
    <body>


    <div >
    <p>名字 : <input type="text" ng-model="name"></p>
    <h1>Hello {{name + 55}}</h1>
    </div>



    <div ng-init="firstName='John'">

    <p>姓名为 <span ng-bind="firstName"></span></p>

    </div>

    <div data-ng-app="" data-ng-init="firstName='John'">

    <p>姓名为 <span data-ng-bind="firstName"></span></p>

    </div>
    </body>
    </html>
     

    当网页加载完毕,AngularJS 自动开启。

    AngularJS 指令是以 ng 作为前缀的 HTML 属性。

    ng-app 指令告诉 AngularJS,<div> 元素是 AngularJS 应用程序 的"所有者"。

    ng-model 指令把输入域的值绑定到应用程序变量 name

    ng-bind 指令把应用程序变量 name 绑定到某个段落的 innerHTML。

    ng-init 指令初始化 AngularJS 应用程序变量。

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

  • 相关阅读:
    AutoMapper用法
    这些基础却重要的面向对象概念,你还记得多少
    Ajax工作原理
    CSS中的绝对定位与相对定位
    NET中的Memcached.ClientLibrary使用详解
    经典Linq实例语句
    软件工程的意义
    C#.Net Mvc运营监控,计算方法/接口/action/页面执行时间
    属性与字段的区别
    SQL 递归树 子父节点相互查询
  • 原文地址:https://www.cnblogs.com/sirwang/p/7414294.html
Copyright © 2011-2022 走看看