• 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 有效。

  • 相关阅读:
    常用CDN
    SQL语句小结
    jQuery源码解析----domManip
    服务治理 SpringCloud Eureka
    docker容器操作
    docker镜像操作常用命令
    Maven
    Centos6解决网络不可达
    MyBatis
    SpringMVC
  • 原文地址:https://www.cnblogs.com/sirwang/p/7414294.html
Copyright © 2020-2023  润新知