AngularJs 概述

AngularJs框架的核心概念: MVC架构模式(Model-View-Controller)

  • 模型(Model)是整个应用的驱动力。一般来说,指的是应用从服务器端获取的数据。任何从UI上看到的数据都是从模型或者模型的子集中获取的
  • 视图(View)是用户可以浏览并与之交互的UI界面。它是动态的,基于当前系统的模型。
  • 控制器(Controller)代表着业务逻辑及表现层,它掌控一系列操作,比如获取数据,决定如何展现数据模型,以及将哪些数据展现给用户等。

AngularJs的哲学:
AngularJs坚持着五条核心的信条,这让开发者们能够迅速开发出大规模的复杂应用

  1. 数据驱动(通过数据绑定实现)
  2. 声明
  3. 概念分离
  4. 依赖注入(Dependency Injection)
  5. 可扩展性
  6. 测试,测试,还是测试

AngularJs版的Hello World

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Hello World</title>
    </head>
    <body ng-app>
        <input type="text" ng-model="name" placeholder="Enter your name">
        <h1>Hello <span ng-bind="name"></span></h1>
        <script type="text/javascript" src="https://ajax.gooogleapis.com/ajax/libs/angularjs/1.2.19/angular.js"></script>
    </body>
</html>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容