zoukankan      html  css  js  c++  java
  • 精通 Angular JS 第一天——Angular 之禅

    简介

          Angular JS是采用JavaScript语言编写的客户端MVC框架,它为业界带了重大的变化,包括对模板化的创新实现,以及数据的双向绑定,这些特性使得它强大而易用。它可以用来帮助开发者编写单页面应用,尤其适合编写有大量CRUD操作的,具有Ajax风格的富客户端应用。大多数开发者认为,与其它框架相比,AngularJS明显缩减了项目所需的代码量。

          2012年6月,Angular JS正式发布1.0版,在各种客户端MVC框架中,属于后起之秀。AngularJS主页(http://www.angularjs.org)上包罗万象:概念上的综览、教材、开发者指南、API参考等,并且在AngularJS的文档中有大量代码片段可供参考。

    Hello World——AngualrJS示例

    <html>
    <head>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/
    angular.js"></script>
    </head>
    <body ng-app ng-init="name = 'World'">
    <h1>Hello, {{name}}!</h1>
    </body>
    </html>

    在浏览器上打开含有这段代码的页面,会显示Hello,World。

    1、代码中首先是包含AngularJS库,这个库相当小,最小化并压缩之后只有30KB,并且它不依赖其它库。

    2、通过AngularJS自定义的ng-app来引导AngularJS库。

    3、在模板渲染前,可用ng-init初始化模型(model)name,并通过{{name}}表达式来传递它的值。

    通过这个非常简单地例子,Angular JS模板系统表现出了一些重要特征。

    • 使用自定义的HTML标签与属性,为静态HTML文档添加动态行为。
    • 使用双花括号作为输出模型值的表达式的分隔符。

    在AngularJS中,所有能够被框架理解和解释的特殊HTML标签和属性,统称为指令(directives)。

  • 相关阅读:
    字符串替换
    字符串查找
    字符串比较
    字节与字符串相互转换
    1365. How Many Numbers Are Smaller Than the Current Number
    1486. XOR Operation in an Array
    1431. Kids With the Greatest Number of Candies
    1470. Shuffle the Array
    1480. Running Sum of 1d Array
    【STM32H7教程】第56章 STM32H7的DMA2D应用之刷色块,位图和Alpha混合
  • 原文地址:https://www.cnblogs.com/xiaxianfei/p/5661930.html
Copyright © 2011-2022 走看看