zoukankan      html  css  js  c++  java
  • 初识Angular.js

    Angular.js是什么

    AngularJS主要用于构建单页面Web应用。它通过增加开发人员和常见Web应用开发任务之间的抽象级别,使构建交互式的现代Web应用变得更加简单。

    AngularJS使开发Web应用变得非常简单,同时也降低了构建复杂应用的难度。它提供了开发者在现代Web应用中经常要用到的一系列高级功能,例如:

    1.解耦应用逻辑、数据模型和视图;

    2.Ajax服务;

    3.依赖注入; 

    4.浏览历史(使书签和前进、后退按钮能够像在普通Web应用中一样工作);

    5.测试等。

    AngularJS有着诸多特性,最为核心的是:MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入。

    Hello World

    上代码了,经典的hello world

    <!DOCTYPE html> 
    <html ng-app>
    <head>
        <title></title>
        <script src="Scripts/angular.min.js" type="text/javascript"></script>
    </head>
    <body>
        <input ng-model="name" type="text" placeholder="Your name"  />
        <h1>hello {{name}}</h1>
    </body>
    </html>
    

    页面中引用angular.js,并在某个DOM元素上明确设置ng-app属性。ng-app属性声明所有被其包含的内容都属于这个AngularJS应用,这也是我们可以在Web应用中嵌套AngularJS

    应的原因。只有被具有ng-app属性的DOM元素包含的元素才会受AngularJS影响。

    把文本框的内容改为“博客园”,

    自动数据绑定,当客户端模型数据发生改变,视图直接反映出这些变化,也不需要自定义代码,是不是感觉很方便呢,如果用js自己实现这么一个效果可能要写一串代码了。

    这就是angular最基本的数据绑定了。

    最近项目用到了angular.js,项目也快结束了,记录下angular在使用中遇到的一些问题。

  • 相关阅读:
    ntohs, ntohl, htons,htonl的比较和详解【转】
    Device Tree 详解【转】
    浅析Linux DeviceTree【转】
    【spring boot】spring boot 拦截器
    【jQuery】jQuery/js 判断字符串是否JSON字符串
    【java】java中的 &= 和 |= 和 ^= 的区别
    zabbix创建触发器、action,发送报警邮件
    html iframe禁用右键
    mysql数据库mysqldump方式备份
    JDK8新特性
  • 原文地址:https://www.cnblogs.com/Cuiy/p/4285520.html
Copyright © 2011-2022 走看看