angularjs基本简介

之前讲述过一些关于easyUI的基本用法,现在给大家简述一下angularjs与easyUI的区别。

首先区分一下angularjs与easyUI

1.angularjs是html和js之间的数据衔接层,可以操控html元素(数据绑定、重复、隐藏)等,上手很容易,但想要精通,了解内部运行机制不容易。

2.jquery脚本是一个 JavaScript 函数库,与angularjs作用一直,但更偏重于操作dom元素,对dom遍历和修改。

3.easyUI是基于jQuery的框架,它侧重于页面显示部分,即UI,但是所有效果都是用jQuery实现的。

然后,我们一起进入今天的正题:

一、angularjs简介:

  1.AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。

2.AngularJS 通过 指令 扩展了 HTML,且通过 表达 绑定数据到 HTML。

3.AngularJS通过JavaScript文件写入到项目中,所以需要引用<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>

   4.AngularJS版本下载可借鉴: https://github.com/angular/angular.js/releases

二、angularjs扩展了HTML

1.AngularJS 通过 ng-directives 扩展了 HTML。

2.ng-app 指令定义一个 AngularJS 应用程序。

3.ng-model 指令把元素值(比如输入域的值)绑定到应用程序。

4.ng-bind 指令把应用程序数据绑定到 HTML 视图。

   eg:效果图

  源代码

例子讲解:

1.ng-app 指令告诉 AngularJS,<div> 元素是 AngularJS 应用程序 的"所有者"。

2.ng-model 指令把输入域的值绑定到应用程序变量 name

3.ng-bind 指令把应用程序变量 name 绑定到某个段落的 innerHTML。

今天就到这啦,大家有没有觉得AngularJS比html更加方便了不少了,如果大家有兴趣的话,欢迎大家在之后的日子里和我一起学习。如果有什么问题,欢迎大家联系我。

时间: 2024-12-11 16:46:39

angularjs基本简介的相关文章

AngularJS - 服务简介

服务是AngularJS中非常重要的一个概念,虽然我们有了控制器,但考虑到其生命实在脆弱,我们需要用到服务. 起初用service时,我便把service和factory()理所当然地关联起来了. 确实,factory()是创建一个服务的最简单的方式,但服务并非仅此而已. 这里记录一下我对服务的一些简单认识. Service 非常重要的一点 —— 服务是单例. 一个服务在一个AngularJS应用中只会被$injector实例化一次,并贯穿应用的整个生命周期,与脆弱的控制器们进行通信. 先从注册

angularjs bootstrap 简介

1.angular特色 数据双向绑定 模块化  var myapp=angular.module... 控制器  myapp.controller(){} 2.bootstrap特色 栅格结构  css架构 可以做: 导航条 下拉框 标签切换 轮播图 弹出框 等等. http://v3.bootcss.com/components/  具体参考bootstrap中文网

Angularjs学习---angularjs环境搭建,ubuntu 12.04下安装nodejs、npm和karma

1.下载angularjs 进入其官网下载:https://angularjs.org/?,建议下载最新版的:https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.7/angular.js 所有版本:https://code.angularjs.org/ 2.示例1 HelloWorld ! 新建一个helloworld.html <!doctype html> <html ng-app> <head> &

什么是 Angularjs

AngularJS 最初由 Misko Hevery 和 Adam Abrons 于 2009 年开发,后来成为了Google 公司的项目. AngularJS 弥补了 HTML 在构建应用方面的不足, 其通过使用标识符( directives)结构,来扩展 Web 应用中的 HTML 词汇,使开发者可以使用 HTML 来声明动态内容,从而使得 Web 开发和测试工作变得更加容易.Misko HeveryAngularjs 版本简介https://github.com/angular/angul

搭建带路由的AngularJs框架

一.AngularJs框架简介: AngularJs是一种能够轻松实现一个应用开发的JS框架,其较为突出的特点是:模块化.数据的双向绑定和依赖注入等等. 模块化:AngularJs中存在模块的概念,即每个模块必须由一个控制器来控制,控制器在应用中具有唯一一个名称: 双向绑定:将控制器中赋值给变量的数据通过一个通道($scope)实现视图(view)和控制器(controller)之间的连接,视图在修改数据时会立刻更新$scope,同样的$scope发生改变时也会立刻重新渲染视图: 依赖注入:类似

AngularJS入门 &amp; 分页 &amp; CRUD示例

一.AngularJS 简介 ? AngularJS  诞生于2009年,由Misko Hevery 等人创建,后为Google所收购.是一款优秀的前端JS框架,已经被用于Google的多款产品当中.AngularJS有着诸多特性,最为核心的是:MVC.模块化.自动化双向数据绑定.依赖注入等等. 其中MVC理解如下: Model : 数据,其实就是 angular变量($scope.xx) View : 数据的呈现 Controller : 操作数据,就是function,数据的crud 二.A

什么是Angular? 我们为什么要学习它?

在我更新Ionic的时候有人问我什么是 Angular,我们为什么要学习它啊?这个是我的疏忽了,在没有告诉你们什么是 Angular 的时候就让大家着手去学习 Ionic .那么今天就让我们认识一下什么是Angular ,我们又为什么要去学习它. AngularJS 最初由Misko Hevery 和Adam Abrons于2009年开发,后来成为了Google公司的项目.AngularJS弥补了HTML在构建应用方面的不足,其通过使用标识符(directives)结构,来扩展Web应用中的HT

AngularJS进阶(三十三)书海拾贝之简介AngularJS中使用factory和service的方法

简介AngularJS中使用factory和service的方法 AngularJS支持使用服务的体系结构"关注点分离"的概念.服务是JavaScript函数,并负责只做一个特定的任务.这也使得他们成为维护和测试的单独实体.控制器,过滤器可以调用它们作为需求的基础.服务使用AngularJS的依赖注入机制注入正常. AngularJS提供例如许多内在的服务,如:$http, $route, $window, $location等.每个服务负责例如一个特定的任务,$http是用来创建AJ

《AngularJS深度剖析与最佳实践》简介

由于年末将至,前阵子一直忙于工作的事务,不得已暂停了微信订阅号的更新,我将会在后续的时间里尽快的继续为大家推送更多的博文.毕竟一个人的力量微薄,精力有限,希望大家能理解,仍然能一如既往的关注和支持shuang_lang_shuo[破狼]微信号,同时也欢迎大家的高质量文章的投稿. 在2015年一年时间中,我.雪狼大叔.彭洪伟一起共同编写了<AngularJS深度剖析与最佳实践>这本前端Angular.js框架的进阶书籍.在写作期间也得到很多人的支持,特别是在Angularjs中文社区群中的各位群