📅  最后修改于: 2020-10-27 02:46:25        🧑  作者: Mango

AngularJS是一个非常强大的JavaScript框架。它用于单页应用程序(SPA)项目中。它使用其他属性扩展了HTML DOM，并使其对用户操作的响应速度更快。 AngularJS是开源的，完全免费，并且被全球成千上万的开发人员所使用。它是根据Apache许可版本2.0许可的。为什么要学习AngularJS？AngularJS是一个开放源代码的Web应用程序框架。它最初由Misko Heve...

📅  最后修改于: 2020-10-27 02:47:06        🧑  作者: Mango

AngularJS是一个开放源代码的Web应用程序框架。它最初由Misko Hevery和Adam Abrons于2009年开发。现在由Google维护。它的最新版本是1.2.21。官方文档中对AngularJS的定义如下-AngularJS是动态Web应用程序的结构框架。它使您可以将HTML用作模板语言，并可以扩展HTML的语法以清晰，简洁地表达应用程序组件。它的数据绑定和依赖性注入消除了您当前...

📅  最后修改于: 2020-10-27 02:47:43        🧑  作者: Mango

本章介绍如何设置用于Web应用程序开发的AngularJS库。它还简要描述了目录结构及其内容。当您打开链接https://angularjs.org/时，您将看到有两个选项可以下载AngularJS库-在GitHub上查看-单击此按钮，您将转到GitHub并获取所有最新脚本。下载AngularJS 1-单击此按钮，您会看到一个屏幕，显示为-该屏幕提供了如下使用Angular JS的各种选项-在本地...

📅  最后修改于: 2020-10-27 02:48:02        🧑  作者: Mango

中号奥德尔VIEWçontroller或MVC，因为它是俗称，是一个用于开发Web应用程序的设计模式。 Model View Controller模式由以下三个部分组成-模型-这是负责维护数据的模式的最低级别。视图-它负责向用户显示全部或部分数据。控制器-这是一个软件代码，用于控制模型和视图之间的交互。MVC之所以受欢迎是因为它将应用程序逻辑与用户界面层隔离开来，并支持关注点分离。控制器接收对应用...

📅  最后修改于: 2020-10-27 02:48:23        🧑  作者: Mango

在创建实际的Hello World之前！使用AngularJS应用程序，让我们看看AngularJS应用程序的各个部分。 AngularJS应用程序包含以下三个重要部分-ng-app-此指令定义AngularJS应用程序并将其链接到HTML。ng-model-此指令将AngularJS应用程序数据的值绑定到HTML输入控件。ng-bind-该指令将AngularJS应用程序数据绑定到HTML标签。...

📅  最后修改于: 2020-10-27 02:48:46        🧑  作者: Mango

AngularJS指令用于扩展HTML。它们是以ng-prefix开头的特殊属性。让我们讨论以下指令-ng-app-此指令启动AngularJS应用程序。ng-init-该指令初始化应用程序数据。ng-model-此指令定义了要在AngularJS中使用的变量模型。ng-repeat-该指令为集合中的每个项目重复HTML元素。ng-app指令ng-app指令启动AngularJS应用程序。它定义了...

📅  最后修改于: 2020-10-27 02:49:04        🧑  作者: Mango

表达式用于将应用程序数据绑定到HTML。表达式写在双花括号内，例如{{expression}}中。表达式的行为类似于ngbind指令。 AngularJS表达式是纯JavaScript表达式，并在使用它们的位置输出数据。使用数字使用字符串使用物件使用数组例以下示例显示了所有上述表达式的使用-testAngularJS.htm现场演示输出在网络浏览器中打开文件testAngularJS.htm并查看...

📅  最后修改于: 2020-10-27 02:49:27        🧑  作者: Mango

AngularJS应用程序主要依靠控制器来控制应用程序中的数据流。控制器是使用ng-controller指令定义的。控制器是一个JavaScript对象，其中包含属性/属性和函数。每个控制器都接受$ scope作为参数，它表示控制器需要处理的应用程序/模块。在这里，我们使用ng-controller指令声明一个名为studentController的控制器。我们定义如下-studentContro...

📅  最后修改于: 2020-10-27 02:49:53        🧑  作者: Mango

过滤器用于修改数据。可以使用管道（|）字符将它们组合在表达式或指令中。以下列表显示了常用的过滤器。Sr.No.Name & Description1uppercaseconverts a text to upper case text.2lowercaseconverts a text to lower case text.3currencyformats text in a currency f...

📅  最后修改于: 2020-10-27 02:50:18        🧑  作者: Mango

表数据通常是可重复的。 ng-repeat指令可用于轻松绘制表格。以下示例显示使用ng-repeat指令绘制表-可以使用CSS样式设置表格样式。例以下示例显示了所有上述指令的使用。testAngularJS.htm现场演示输出在网络浏览器中打开文件testAngularJS.htm并查看结果。...

📅  最后修改于: 2020-10-27 02:50:42        🧑  作者: Mango

以下指令用于将应用程序数据绑定到HTML DOM元素的属性-Sr.No.Name & Description1ng-disableddisables a given control.2ng-showshows a given control.3ng-hidehides a given control.4ng-clickrepresents a AngularJS click event.禁用ng的...

📅  最后修改于: 2020-10-27 02:51:08        🧑  作者: Mango

AngularJS支持模块化方法。模块用于将逻辑（例如服务，控制器，应用程序等）与代码分离，并保持代码的整洁。我们在单独的js文件中定义模块，并根据module.js文件命名它们。在以下示例中，我们将创建两个模块-应用程序模块-用于初始化带有控制器的应用程序。控制器模块-用于定义控制器。应用模块这是一个名为mainApp.js的文件，其中包含以下代码-在这里，我们使用angular.module函...

📅  最后修改于: 2020-10-27 02:51:33        🧑  作者: Mango

AngularJS丰富了表单填充和验证。我们可以使用ng-click事件处理click按钮，并使用$ dirty和$ invalid标志以无缝方式进行验证。在表单声明中使用novalidate可以禁用任何特定于浏览器的验证。表单控件大量使用了AngularJS事件。让我们先看看这些事件。大事记AngularJS提供了与HTML控件关联的多个事件。例如，ng-click指令通常与按钮关联。 Angu...

📅  最后修改于: 2020-10-27 02:51:53        🧑  作者: Mango

HTML不支持将HTML页面嵌入HTML页面。要实现此功能，我们可以使用以下选项之一-使用Ajax-进行服务器调用以获取相应的HTML页面并将其设置在HTML控件的innerHTML中。使用服务器端包含-JSP，PHP和其他Web端服务器技术可以在动态页面中包含HTML页面。使用AngularJS，我们可以使用ng-include指令将HTML页面嵌入HTML页面中。例tryAngularJS.h...

📅  最后修改于: 2020-10-27 02:52:11        🧑  作者: Mango

AngularJS提供了$ http控件，该控件用作从服务器读取数据的服务。服务器进行数据库调用以获取所需的记录。 AngularJS需要JSON格式的数据。数据准备好后，可以使用$ http通过以下方式从服务器获取数据-在这里，文件data.txt包含学生记录。 $ http服务进行ajax调用，并对其属性学生设置响应。学生模型可用于以HTML绘制表格。例子data.txttestAngular...