• 初识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在使用中遇到的一些问题。

  • 相关阅读:
    Docker——搭建SFTP
    PicGo——利用PicGo和GitHub搭建免费图床提供给Typecho使用
    GitHub——如何生成Personal access tokens
    leetcode——两数相加【二】
    每天一道面试题——请实现add(1,2)(3)【二】
    leetcode——两数之和【一】
    每天一道面试题——JavaScript的this指向【一】
    PHP——安装ThinkPHP框架报错
    项目代码 if/else 过多,引起程序猿口吐莲花
    JDK9-JDK14 相关新特性说明及使用
  • 原文地址:https://www.cnblogs.com/Cuiy/p/4285520.html
Copyright © 2020-2023  润新知