- 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...
- 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 ...
上滑加载中
推荐直播
-
香橙派AIpro的远程推理框架与实验案例
2025/07/04 周五 19:00-20:00
郝家胜 -华为开发者布道师-高校教师
AiR推理框架创新采用将模型推理与模型应用相分离的机制,把香橙派封装为AI推理黑盒服务,构建了分布式远程推理框架,并提供多种输入模态、多种输出方式以及多线程支持的高度复用框架,解决了开发板环境配置复杂上手困难、缺乏可视化体验和资源稀缺课程受限等痛点问题,真正做到开箱即用,并支持多种笔记本电脑环境、多种不同编程语言,10行代码即可体验图像分割迁移案例。
回顾中 -
鸿蒙端云一体化应用开发
2025/07/10 周四 19:00-20:00
倪红军 华为开发者布道师-高校教师
基于鸿蒙平台终端设备的应用场景越来越多、使用范围越来越广。本课程以云数据库服务为例,介绍云侧项目应用的创建、新建对象类型、新增存储区及向对象类型中添加数据对象的方法,端侧(HarmonyOS平台)一体化工程项目的创建、云数据资源的关联方法及对云侧数据的增删改查等操作方法,为开发端云一体化应用打下坚实基础。
即将直播
热门标签