- ng-model 指令用于绑定应用程序数据到 HTML 控制器(input, select, textarea)的值。 ng-model 指令可以将输入域的值与 AngularJS 创建的变量绑定。例如： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://cdn.static.r... ng-model 指令用于绑定应用程序数据到 HTML 控制器(input, select, textarea)的值。 ng-model 指令可以将输入域的值与 AngularJS 创建的变量绑定。例如： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://cdn.static.r...
- AngularJS 有自己的 HTML 事件指令。 ng-click指令： ng-click 指令定义了 AngularJS 点击事件。 + View Code?123456789101112131415161718192021222324<!DOCTYPE html><html><head><meta charset="utf-8... AngularJS 有自己的 HTML 事件指令。 ng-click指令： ng-click 指令定义了 AngularJS 点击事件。 + View Code?123456789101112131415161718192021222324<!DOCTYPE html><html><head><meta charset="utf-8...
- AngularJS 中你可以创建自己的服务，或使用内建服务。 什么是服务？ 在 AngularJS 中，服务是一个函数或对象，可在你的 AngularJS 应用中使用。 AngularJS 内建了30 多个服务。 有个 $location 服务，它可以返回当前页面的 URL 地址。 实例： + View Code?123456789101112131415161718192... AngularJS 中你可以创建自己的服务，或使用内建服务。 什么是服务？ 在 AngularJS 中，服务是一个函数或对象，可在你的 AngularJS 应用中使用。 AngularJS 内建了30 多个服务。 有个 $location 服务，它可以返回当前页面的 URL 地址。 实例： + View Code?123456789101112131415161718192...
- AngularJS是一个WEB应用框架。 本节我们会学习控制器（控制数据），会学习作用域（连接控制器和用户界面），用户界面又叫做视图，通过模板和作用域来创建交互视觉效果。另外，我们还会学习其他的特性比如如何使用过滤器来转换数据、如何构建并使用指令来增强现有的HTML元素，以及如何从外部数据源中加载并保存应用数据。 3.1 AngularJS初探 一个典型的An... AngularJS是一个WEB应用框架。 本节我们会学习控制器（控制数据），会学习作用域（连接控制器和用户界面），用户界面又叫做视图，通过模板和作用域来创建交互视觉效果。另外，我们还会学习其他的特性比如如何使用过滤器来转换数据、如何构建并使用指令来增强现有的HTML元素，以及如何从外部数据源中加载并保存应用数据。 3.1 AngularJS初探 一个典型的An...
- 使用PHP从MySQL中获取数据： + View Code?123456789101112131415161718192021222324252627282930313233343536373839404142<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://cdn.static.run... 使用PHP从MySQL中获取数据： + View Code?123456789101112131415161718192021222324252627282930313233343536373839404142<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://cdn.static.run...
- 本节我们会接着上节课的内容，继续来完成使用Angular来创建简单的笔记存储应用，上一节课，我们完成了笔记的展示功能，本节课，我们来完成编辑功能。 编辑主要是两个功能：编辑现有的笔记以及创建新笔记。首先我们需要让应用第一次启动或用户点击"添加"按钮时创建一个新笔记。 3.2.9 添加笔记功能 首先我们需要给表单添加一些模型，这样可以用表单来控制数据更新，同时，... 本节我们会接着上节课的内容，继续来完成使用Angular来创建简单的笔记存储应用，上一节课，我们完成了笔记的展示功能，本节课，我们来完成编辑功能。 编辑主要是两个功能：编辑现有的笔记以及创建新笔记。首先我们需要让应用第一次启动或用户点击"添加"按钮时创建一个新笔记。 3.2.9 添加笔记功能 首先我们需要给表单添加一些模型，这样可以用表单来控制数据更新，同时，...
- Angular 2 是一款JavaScript的开源框架，用于协助单一页面应用程序运行。Angular 2 是 AngularJS 1.x 的升级版本，应Web的进化和前端开发的变革还有从AngularJS 1.x中得到的教训，性能上得到显著的提高，能很好的支持 Web 开发组件。Angular 2 发布于2016年9月份，它是基于ES6来开发的，用ES2016的超集（T... Angular 2 是一款JavaScript的开源框架，用于协助单一页面应用程序运行。Angular 2 是 AngularJS 1.x 的升级版本，应Web的进化和前端开发的变革还有从AngularJS 1.x中得到的教训，性能上得到显著的提高，能很好的支持 Web 开发组件。Angular 2 发布于2016年9月份，它是基于ES6来开发的，用ES2016的超集（T...
- 过滤器可以使用一个管道字符（|）添加到表达式和指令中。 AngularJS 过滤器可用于转换数据： 过滤器描述 currency 格式化数字为货币格式。 filter 从数组项中选择一个子集。 lowercase 格式化字符串为小写。 orderBy 根据某个表达式排列数组。 uppercase 格式化字符串为大写。 表达式中添加过滤器： 过滤器可... 过滤器可以使用一个管道字符（|）添加到表达式和指令中。 AngularJS 过滤器可用于转换数据： 过滤器描述 currency 格式化数字为货币格式。 filter 从数组项中选择一个子集。 lowercase 格式化字符串为小写。 orderBy 根据某个表达式排列数组。 uppercase 格式化字符串为大写。 表达式中添加过滤器： 过滤器可...
- AngularJS 控制器 控制 AngularJS 应用程序的数据。 AngularJS 控制器是常规的 JavaScript 对象。 AngularJS 应用程序被控制器控制。 ng-controller 指令定义了应用程序控制器。 控制器是 JavaScript 对象，由标准的 JavaScript 对象的构造函数 创建。 实例： + View Code?123456... AngularJS 控制器 控制 AngularJS 应用程序的数据。 AngularJS 控制器是常规的 JavaScript 对象。 AngularJS 应用程序被控制器控制。 ng-controller 指令定义了应用程序控制器。 控制器是 JavaScript 对象，由标准的 JavaScript 对象的构造函数 创建。 实例： + View Code?123456...
- $http 是 AngularJS 中的一个核心服务，用于读取远程服务器的数据。 读取JSON文件 以下是存储在web服务器上的 JSON 文件： http://www.runoob.com/try/angularjs/data/sites.php ?123456789101112131415161718192021222324{ &nbs... $http 是 AngularJS 中的一个核心服务，用于读取远程服务器的数据。 读取JSON文件 以下是存储在web服务器上的 JSON 文件： http://www.runoob.com/try/angularjs/data/sites.php ?123456789101112131415161718192021222324{ &nbs...
- AngularJS 提供了动画效果，可以配合 CSS 使用。 AngularJS 使用动画需要引入 angular-animate.min.js 库。 ?1<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular-animate.min.js"></script> 还需在应用中使用模型 ... AngularJS 提供了动画效果，可以配合 CSS 使用。 AngularJS 使用动画需要引入 angular-animate.min.js 库。 ?1<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular-animate.min.js"></script> 还需在应用中使用模型 ...
- 一、组件(Components)： 组件是构成 Angular 应用的基础和核心，它是一个模板的控制类，用于处理应用和逻辑页面的视图部分。组件知道如何渲染自己及配置依赖注入，并通过一些由属性和方法组成的 API 与视图进行交互，每个组件都能独立完成各自的功能。 我们可以通过一张图来理解一下组件： 组件要素：JavaScript、HTML、CSS ... 一、组件(Components)： 组件是构成 Angular 应用的基础和核心，它是一个模板的控制类，用于处理应用和逻辑页面的视图部分。组件知道如何渲染自己及配置依赖注入，并通过一些由属性和方法组成的 API 与视图进行交互，每个组件都能独立完成各自的功能。 我们可以通过一张图来理解一下组件： 组件要素：JavaScript、HTML、CSS ...
- 本节我们会通过构建一个简单的笔记存储应用（可以载入并修改一组简单的笔记）来学习如何应用Angular的特性。这个应用用到的特性有： 在JSON文件中存储笔记 展示、创建、修改和删除笔记 在笔记中使用Markdown格式 同步编辑和预览Markdown 本应用已经包含了基础的HTML和CSS代码，还有一个用Node写的简单的RESTful服务器，用于管理笔记，这样我... 本节我们会通过构建一个简单的笔记存储应用（可以载入并修改一组简单的笔记）来学习如何应用Angular的特性。这个应用用到的特性有： 在JSON文件中存储笔记 展示、创建、修改和删除笔记 在笔记中使用Markdown格式 同步编辑和预览Markdown 本应用已经包含了基础的HTML和CSS代码，还有一个用Node写的简单的RESTful服务器，用于管理笔记，这样我...
- 基于项目实战解析ng启动加载过程 前言 在AngularJS项目开发过程中，自己将遇到的问题进行了整理。回过头来总结一下angular的启动过程。 下面以实际项目为例进行简要讲解。 1.载入ng库 2.等待，直到DOM树构造完毕。 3.发现ng-app，自动进入启动引导阶段。 4.根据ng-app名称找到相应的路由。 5.加... 基于项目实战解析ng启动加载过程 前言 在AngularJS项目开发过程中，自己将遇到的问题进行了整理。回过头来总结一下angular的启动过程。 下面以实际项目为例进行简要讲解。 1.载入ng库 2.等待，直到DOM树构造完毕。 3.发现ng-app，自动进入启动引导阶段。 4.根据ng-app名称找到相应的路由。 5.加...
- 脏值检查 注：请点击此处进行充电! 需求 在项目开发过程中，需要对药店信息进行更改。如下图所示。现在的需求是：当药店信息没有发生变化时，点击“更新信息”按钮，提示“药店信息未做任何更改”。 实现 可以利用angualr的脏值检查机制解决。 由于对angular的脏值检测机制不是很了解，貌似也不太好学习。就考虑使用别的方法，也可以使用n... 脏值检查 注：请点击此处进行充电! 需求 在项目开发过程中，需要对药店信息进行更改。如下图所示。现在的需求是：当药店信息没有发生变化时，点击“更新信息”按钮，提示“药店信息未做任何更改”。 实现 可以利用angualr的脏值检查机制解决。 由于对angular的脏值检测机制不是很了解，貌似也不太好学习。就考虑使用别的方法，也可以使用n...
上滑加载中
推荐直播
-
HDC深度解读系列 - Serverless与MCP融合创新，构建AI应用全新智能中枢2025/08/20 周三 16:30-18:00
张昆鹏 HCDG北京核心组代表
HDC2025期间，华为云展示了Serverless与MCP融合创新的解决方案，本期访谈直播，由华为云开发者专家(HCDE)兼华为云开发者社区组织HCDG北京核心组代表张鹏先生主持，华为云PaaS服务产品部 Serverless总监Ewen为大家深度解读华为云Serverless与MCP如何融合构建AI应用全新智能中枢
回顾中 -
关于RISC-V生态发展的思考2025/09/02 周二 17:00-18:00
中国科学院计算技术研究所副所长包云岗教授
中科院包云岗老师将在本次直播中，探讨处理器生态的关键要素及其联系，分享过去几年推动RISC-V生态建设实践过程中的经验与教训。
回顾中 -
一键搞定华为云万级资源，3步轻松管理企业成本2025/09/09 周二 15:00-16:00
阿言 华为云交易产品经理
本直播重点介绍如何一键续费万级资源，3步轻松管理成本，帮助提升日常管理效率！
回顾中
热门标签