- AngularJS 表单是输入控件的集合。 HTML控件 以下 HTML input 元素被称为 HTML 控件: input 元素 select 元素 button 元素 textarea 元素 HTML表单 HTML 表单通常与 HTML 控件同时存在。 ?123456789101112131415161718192021222324252627282930313... AngularJS 表单是输入控件的集合。 HTML控件 以下 HTML input 元素被称为 HTML 控件: input 元素 select 元素 button 元素 textarea 元素 HTML表单 HTML 表单通常与 HTML 控件同时存在。 ?123456789101112131415161718192021222324252627282930313...
- 模块定义了一个应用程序。 模块是应用程序中不同部分的容器。 模块是应用控制器的容器。 控制器通常属于一个模块。 你可以通过 AngularJS 的 angular.module 函数来创建模块： ?1234567<div ng-app="myApp">...</div> <script> var app = angul... 模块定义了一个应用程序。 模块是应用程序中不同部分的容器。 模块是应用控制器的容器。 控制器通常属于一个模块。 你可以通过 AngularJS 的 angular.module 函数来创建模块： ?1234567<div ng-app="myApp">...</div> <script> var app = angul...
- Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。 Scope 是一个对象，有可用的方法和属性。 Scope 可应用在视图和控制器上。 当你在 AngularJS 创建控制器时，你可以将 $scope 对象当作一个参数传递: 实例：控制器中的属性对应了视图上的属性： + View Code?123456789101112... Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。 Scope 是一个对象，有可用的方法和属性。 Scope 可应用在视图和控制器上。 当你在 AngularJS 创建控制器时，你可以将 $scope 对象当作一个参数传递: 实例：控制器中的属性对应了视图上的属性： + View Code?123456789101112...
- AngularJS 路由允许我们通过不同的 URL 访问不同的内容。 通过 AngularJS 可以实现多视图的单页Web应用（single page web application，SPA）。 通常我们的URL形式为 http://runoob.com/first/page，但在单页Web应用中 AngularJS 通过 # + 标记 实现，例如： ?123http://... AngularJS 路由允许我们通过不同的 URL 访问不同的内容。 通过 AngularJS 可以实现多视图的单页Web应用（single page web application，SPA）。 通常我们的URL形式为 http://runoob.com/first/page，但在单页Web应用中 AngularJS 通过 # + 标记 实现，例如： ?123http://...
- Angular Web APP 结构图： module --> 模块 ：相当于一个容器，Angular里的所有东西都得放在模块里，才能够被引用和加载。 directive --> 指令 ：负责与HTML元素进行绑定，同时相互作用。 内置指令：ng-model、... Angular Web APP 结构图： module --> 模块 ：相当于一个容器，Angular里的所有东西都得放在模块里，才能够被引用和加载。 directive --> 指令 ：负责与HTML元素进行绑定，同时相互作用。 内置指令：ng-model、...
- 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...
上滑加载中
推荐直播
-
在昇腾云上部署使用DeepSeek2025/02/14 周五 16:30-18:00
Hao-资深昇腾云解决方案专家
昇腾云上有多种方法部署DeepSeek，讲师一步步演示，解析配置参数的含义和推荐的选择。学完一起动手搭建自己的DeepSeek环境吧！
即将直播
热门标签