AngularJS_简介、特性及基本使用

AngularJS

Google 开源的前端 JS 结构化框架,主体是 页面中的动态数据,与内存的读取

相较于 jQuery

jQuery 是前端函数库,封装简化 DOM 操作

应用

构建单页面 SPA Web 应用____Single Page Application

将所有的活动局限于一个 html 页面 (即使页面跳转了,也是在本页面跳转)

当页面中有部分数据发生了变化,不会刷新整个页面,而是局部刷新

利用的就是 ajax 技术,路由

Web App 应用

饿了么微信网页版

后台管理应用: 阿里云、土豆后台、唯品会... ...

特性:

双向数据绑定

声明式依赖注入

解耦应用逻辑, 数据模型和视图

完善的页面指令

定制表单验证

Ajax 封装

老版本 angular-1.2.xx

新版本 angular-1.5.xx

输入框的内容,实时显示到下方:

  • $(function(){
        $(‘input‘).keyup(function(){    // 不能使用 change,在失去焦点时触发
            $(‘span‘).html(this.value);
        });
    });
    
    /*************** angular-1.2***************/


angularJS 不必写一行 js 代码,即可实现,且速度更快

使用:

1. 引入 angular.js

<script src=‘./js/angular-1.2.29/angular.js‘></script>

2. ng-app 指令,通常 <body ng-app>____使用 插件 ng-inspector 进行数据查看

告诉 angular 核心,管理 当前标签 所包含的整个区域

并且自动创建 $rootScope 根作用域对象

3. 在管理的标签区域内使用 angularJS

ng-model    将当前输入框的值 与 xx 关联(属性名: 属性值),并且作为当前作用域对象 $rootScope 的属性

{{表达式}}    显示数据,从 当前作用域对象 $rootScope 的指定属性名上取

通常有一个返回值,可以放到任何需要的位置,

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

原文地址:https://www.cnblogs.com/tianxiaxuange/p/10223134.html

时间: 2024-08-30 06:24:58

AngularJS_简介、特性及基本使用的相关文章

Tcl 简介及特性

[简介|特性] l  简介 Tcl是一门产生于80年代末的语言,和Python一样,她是用c开发出来的,如果说C/Java/C++/C#为编译型语言的话,那么Python.Perl和Tcl就是一门解释性语言,也就是说程序不需要先编译为机器能识别的二进制码,再运行程序,而是直接可以运行.其技术实现主要借助于Tcl中的库作为解析器.如果你知道Python的话,其执行过程如下:python先把代码编译成字节码,再对字节码解释执行 同为解释型语言,Tcl同样靠其内置分析器负责解释.编译型语言的优点是:因

Slim安装以及使用

最近在用backbone.js 做东西,因为牵扯到REST services 所以需要后台支持,此处选择了php.Slim 是php的一个框架. 貌似国内文章对此的介绍比较少,在安装Slim的过程中出现了些问题,历经三四个小时,终才解决.对此来个简单的总结,希望可以节省后来学习者的时间. Slim 简介 特性列表 HTTP routing Named routes Route passing Route redirects Route halting Middleware & Hooks Cus

【Android应用开发】Android 蓝牙低功耗 (BLE) ( 第一篇 . 概述 . 蓝牙低功耗文档 翻译)

转载请注明出处 : http://blog.csdn.net/shulianghan/article/details/50515359 参考 :  -- 官方文档 : https://developer.android.com/guide/topics/connectivity/bluetooth-le.html; 1. 概述 BLE 概述 : -- 版本支持 : Android 4.3 (API Level 18) 内置框架引入了 蓝牙低功耗方案 (Bluetooth Low Energy,

Ruby初探

官方网站:https://www.ruby-lang.org/zh_cn/ 标准库API文档:http://ruby-doc.org/stdlib-2.3.0/ 简介特性安装Ruby 命令行选项编码语法空白与行尾标识符与保留字Here DocumentBEGIN与END 语句注释运算符算数运算符比较运算符赋值运算符并行赋值位运算符范围运算符defined? 运算符点运算符 "." 和双冒号运算符 "::"运算符的优先级数据类型数值(Number)字符串(String

基于ansible role实现LAMP平台批量部署

前言 作为运维人员,当面对几十台或上百台服务器需要修改某个参数或部署某个平台,你将从何入手呢?ansible的出现很好的解决了这一困扰,ansible基于Python开发,集合了众多运维工具(puppet.cfengine.chef.func.fabric)的优点,实现了批量系统配置.批量程序部署.批量运行命令等功能.本文带来的是基于Ansible Role实现LAMP平台批量部署. ansible简介 特性 No agents:不需要在被管控主机上安装任意客户端 No server:无服务器端

Robot Framework - Web自动化测试火爆开班!!!

想学习的小伙伴,现在可以报名了!!!7月1日正式开始, 本期课程主要是web自动化为主,根据平时工作经验整理的一套流程以及使用过程中常见的问题总结. 学完后能很快上手,即学即用,课后遇到问题在线解答,远程协助解决. Robotframework学习交流群:724711865 课程详情咨询QQ:2393989903 课程费用:600/人(保证全网最低价) 课程时间:周六.周日晚上20:00-22:00 周日9:00-11:00 课程周期:一个月 课程安排如下: 第1课 robotframework

Redis(三)Redis基本命令操作与API

一Redis 连接 Redis 连接命令主要是用于连接 redis 服务. 实例 以下实例演示了客户端如何通过密码验证连接到 redis 服务,并检测服务是否在运行: redis 127.0.0.1:6379> AUTH "password" OK redis 127.0.0.1:6379> PING PONG 下表列出了 redis 连接的基本命令: 序号 命令及描述 1 AUTH password 验证密码是否正确 2 ECHO message 打印字符串 3 PING

部署MySQL Galera Cluster

部署MySQL Galera Cluster 0.功能简介 特性 基于行复制的完全并行同步复制 实时多主架构,任意节点可读写 无延迟复制,事务零丢失,可靠健壮的读写体验. 自动化节点关系控制:节点故障自动摘除,节点加入自动协调 接近原生的MySQL数据库连接的体验 原理简析当一个事务在当前写入的节点提交后,通过wsrep API(write set replication API)将这个事务变成写集(write set)广播到同集群的其他节点中,其他节点收到写集事务后,对这个事务进行可行性检查,

Redis五种数据类型及应用场景

MySql+Memcached架构的问题 实际MySQL是适合进行海量数据存储的,通过Memcached将热点数据加载到cache,加速访问,很多公司都曾经使用过这样的架构,但随着业务数据量的不断增加,和访问量的持续增长,我们遇到了很多问题: 1.MySQL需要不断进行拆库拆表,Memcached也需不断跟着扩容,扩容和维护工作占据大量开发时间. 2.Memcached与MySQL数据库数据一致性问题. 3.Memcached数据命中率低或down机,大量访问直接穿透到DB,MySQL无法支撑.