`

简单说说angularJS和一个经典例子

 
阅读更多

angularJS通过新的属性和表达式扩展了HTML。

 

注意这里是扩展了,让原来的HTML更加丰富的意思。

 

 

 

其次,angularJS是一个JS,有着JS的功能。

 

 

 

所有的语言其中一个特点,它的定位的问题,angularJS属于前端应用的范畴,

由于扩展了html和JS,所以这方面比jQuery更加好点。

 

 

angularJS是2009年开始开发的。

 

 

其中一个特别著名的实例的讲解:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>

</head>

<body>

 

 

<div ng-app="">

  <p>名字 : <input type="text" ng-model="name"></p>

  <h1>Hello {{name}}</h1>

</div>

 

 

</body>

</html> 

 

 预览地址:http://code.ymotel.cn/mweb/olview/olview/index.html?1IubrtETDvc

输入框和显示的文字“同步”的效应。

使用ng-model和{{***}}的方法。在以后angularJS使用中要很好的利用一下。

 

原文:https://blog.csdn.net/u013273344/article/details/77989083 

 

分享到:
评论

相关推荐

    AngularJS教程之简单应用程序示例

    通过这个简单示例,我们已经覆盖了AngularJS的基本概念,包括如何启动一个应用,如何使用数据绑定来同步视图和模型,以及如何通过控制器管理应用的状态。对于希望进一步学习AngularJS的开发者来说,这只是起点。深入...

    利用Angularjs和Bootstrap前端开发案例实战

    - **实战案例介绍**:文档中提到构建一个猜数字的Web应用,这是一个入门级的实战案例,有助于学习者在实践过程中加深对AngularJS框架和MVC模式的理解。 - **MVC模式应用**:在案例中,系统数据存储在Model中,通过...

    angularjs的一个通用模板

    angularjs的一个通用模板,稍微修改一下即可用作你的课程设计什么的

    Angularjs和ui-router的一个栗子

    UI-Router是AngularJS的一个第三方路由插件,它为AngularJS的应用提供了更高级的路由和导航管理功能。 在AngularJS中,路由是非常关键的一部分,它允许用户在不刷新整个页面的情况下跳转到不同的视图。默认的...

    AngularJs简介及例子

    AngularJS,是由Google维护的一个开源JavaScript框架,主要用于构建单页应用程序(Single-Page Applications, SPA)。这个框架将MVC(模型-视图-控制器)架构模式引入到前端开发中,极大地提高了开发效率和代码可...

    使用AngularJs ASP.NET MVC Web API EF构建一个多层SPA的例子

    首先,AngularJS是一个强大的前端JavaScript框架,由Google维护,它提供了数据绑定、依赖注入、模块化和路由等功能,使得创建交互式用户界面变得更加简单。在SPA中,AngularJS负责处理视图的更新和用户交互,以及与...

    angularjs基础教程(经典)含node.js安装

    通过阅读《angular快速教程.doc》、《angularjs基础教程(经典).doc》、《angularjs教程(经典)含node.js安装.doc》以及《angularjs案例教程.doc》,你将逐步掌握AngularJS的方方面面,并学会在Node.js环境下开发和...

    angularjs和bootstrap开发的web控件的集合

    标题提到的"angularjs和bootstrap开发的web控件的集合"很可能是一个包含多种AngularJS插件的资源包,旨在帮助开发者更容易地集成Bootstrap的UI元素到AngularJS项目中。 **ng-control-master简介** "ng-control-...

    angularJs权威和精通angularjs

    AngularJS的依赖注入(DI)系统是另一个关键组件,它允许模块之间轻松共享服务,如HTTP通信、路由处理等。开发者无需关心对象如何创建和管理,只需声明所需的服务,框架就会自动提供。 **3. MVC架构:** AngularJS...

    ssm+bootstrap+angularJs案例

    【标题】"ssm+bootstrap+angularJs案例"是一个整合了Spring、SpringMVC、MyBatis、BootStrap和AngularJS技术的实践项目。这个案例主要针对初学者,旨在帮助他们快速理解并掌握这些技术在实际开发中的应用。 ...

    angularjs+nodejs例子

    这个"angularjs+nodejs"示例项目,书虫(bookworm)可能是一个阅读应用,涉及到用户登录、书籍列表展示、详情查看、搜索等功能,展示了如何利用这两个强大的技术栈构建一个完整的Web应用。通过学习这个例子,开发者...

    angularjs+requirejs+UIRouter搭建的简单demo

    "angularjs+requirejs+UIRouter搭建的简单demo"是一个实例,它展示了如何将这三个框架融合在一起,实现一个具有分页组件和鼠标滚轮指令的功能。 首先,AngularJS是一个流行的前端MVC(模型-视图-控制器)框架,由...

    Angularjs 合集 Angularjs 合集

    这些书籍的组合为学习和精通AngularJS提供了一个全面的资源库,无论你是初学者还是经验丰富的开发者,都能从中找到适合自己的学习路径。通过阅读和实践书中的示例,你可以掌握创建高效、动态且响应式的Web应用所需的...

    angularjs 和 MVC的结合

    路由是AngularJS中的一个重要组成部分,它定义了页面间的导航规则,使得SPA能够根据URL动态加载内容,无需刷新整个页面。 在“angularjs 和 MVC的结合”这个主题中,初学者可以学习如何设置基本的路由来构建SPA的...

    Angularjs2--最简单的结构

    在本文中,我们将探讨如何构建一个最简单的 AngularJS 2 应用结构。 ### 一、环境准备 首先,我们需要安装 Node.js 和 npm(Node包管理器),因为 AngularJS 2 使用 TypeScript 编写,所以我们还需要安装 ...

    AngularJS书两本

    双向数据绑定是AngularJS的核心特性之一,它使得模型和视图之间的数据同步变得极其简单。依赖注入机制则允许模块之间松散耦合,提高代码的可测试性和可维护性。指令系统扩展了HTML,使我们可以创建自定义的DOM元素和...

    angularJS和Jquery

    AngularJS 1.5.8是AngularJS 1.x系列的一个稳定版本,提供了许多改进和新特性,如组件化和依赖注入。而jQuery 3.2.1是jQuery库的一个较新版本,它继续优化性能并保持对旧浏览器的兼容性。 **AngularJS详解** ...

    AngularJS+ NodeJS

    结合AngularJS和Node.js,可能是一个完整的Web应用系统,包含前端界面(AngularJS实现)和后端服务(Node.js实现)。为了深入了解ttms,需要查看压缩包内的具体文件内容,包括HTML、CSS、JavaScript(AngularJS代码...

    AngularJS 开发的一个多功能拖拽组件

    AngularJS 开发的一个多功能拖拽组件

Global site tag (gtag.js) - Google Analytics