• 精通 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)。

  • 相关阅读:
    elasticserach7.X 安装,配置
    org.elasticsearch.bootstrap.StartupException: ElasticsearchException[failed to bind service]; nested: AccessDeniedException[/home/ae/es761/data/nodes];
    Java 八大基本数据类
    java 输入scanner
    idea生成javaDoc文件
    时间戳和日期的相互转化
    自1970 年1月1日8时0分0秒至当前时间的总秒数什么意思?
    JDK的卸载与JDK的安装以及环境变量配置
    Java特性与优势
    图片识别
  • 原文地址:https://www.cnblogs.com/xiaxianfei/p/5661930.html
Copyright © 2020-2023  润新知