📝 AngularJS教程

376篇技术文档
  如何使用AngularJS清空元素的内容?

📅  最后修改于: 2021-05-13 18:24:36        🧑  作者: Mango

此处的任务是借助AngularJS删除HTML DOM中元素的内容。方法:首先选择要清空其内容的元素。然后使用empty()方法删除元素的内容。示例1:在本示例中,ID(’div’)的元素的内容为空。输出:示例2:在此示例中,元素的内容及其子元素均被清空。输出:...

  角度8 |介绍

📅  最后修改于: 2021-05-13 18:25:01        🧑  作者: Mango

Angular 8是Google提供的基于客户端TypeScript的前端Web框架。 Angular 8是供开发人员使用的出色的,可重用的UI(用户界面)库,可帮助构建有吸引力,稳定且实用的网页和Web应用程序。 Angular 8是一个突破性的JavaScript框架,它使我们能够创建有吸引力的Single Page Application(SPA)。它的第一个版本于2012年发布,名为Ang...

  角度7 |建筑学

📅  最后修改于: 2021-05-13 18:25:34        🧑  作者: Mango

Angular是使用HTML和TypeScript构建基于客户端的应用程序的平台或框架。它是用TypeScript编写的。它将核心功能和可选功能实现为一组导入到应用程序中的TypeScript库。 Angular由三个主要部分组成,分别是模块,组件和路由。ngModule或模块是角度应用程序的基本构建块。 Angular应用是由一组ngModules定义的。对于每个应用程序来说,都有一个根模块很重...

  MDBootstrap Angular的介绍和安装

📅  最后修改于: 2021-05-13 18:26:13        🧑  作者: Mango

简介:MDBootstrap(引导程序的材料设计)是一个完整的UI软件包,可以与Angular,React,Vue等其他框架集成。它用于使用各种组件,插件,与其他浏览器兼容的动画,使其更具吸引力和用户友好性。MDBootstrap的功能:可以轻松下载的开源工具。完全响应不同的设备。存在各种UI组件,这些组件使开发人员的工作更加轻松。提供大量的动画和图标。应用程序的惊人外观。先决条件:诸如VS Co...

  matBadge角材料

📅  最后修改于: 2021-05-13 18:26:43        🧑  作者: Mango

Angular Material是一个由Angular团队开发的UI组件库,用于为台式机和移动Web应用程序构建设计组件。为了安装它,我们需要在项目中安装angular,一旦安装,您可以输入以下命令并下载。matBadge的主要用途是分配一个值,以便在文本,图像或图标上显示数字或状态。我们可以将它们作为通知图标数字指示符。安装语法:方法:首先,使用上述命令安装角材。完成安装后,从app.modul...

  AngularJS | ng-focus指令

📅  最后修改于: 2021-05-13 18:27:05        🧑  作者: Mango

AngluarJS中的ng-focus指令用于对元素进行聚焦时应用自定义行为。它可以用于显示/隐藏某些元素,也可以在元素被聚焦时弹出警报。它由<a>,<input>,<select>和<textarea>元素支持。句法:表达式告诉输入集中的位置时要做什么。示例1:本示例使用ng-focus指令显示文本区域字段。输出:在点击链接之前:单击链接后:示例2:此示例使用ng-focus指令在输入文本字段上...

  AngularJS | ng-maxlength指令

📅  最后修改于: 2021-05-13 18:27:27        🧑  作者: Mango

AngularJS中的ng-maxlength指令用于设置输入字段的最大长度,即它增加了输入字段的限制。它与HTML中的maxlength属性不同,因为前者阻止用户超过限制,而后者则不这样做。如果输入限制超过,它将使表单无效。句法:其中expression是一个数字,表示输入有效的最大限制。示例:此示例使用ng-maxlength指令检查字符串的最大长度。输出:在单击按钮之前:单击按钮后:...

  如何在AngularJS中动态设置输入字段值?

📅  最后修改于: 2021-05-13 18:27:56        🧑  作者: Mango

给定一个输入字段,任务是借助AngularJS动态设置输入字段值。方法:无论用户是否输入内容,都将在输入字段中设置值。ng-click事件用于调用在ng-model的帮助下将值设置为“ This is GeeksForGeeks”的函数。示例1:在此示例中,输入字段是只读的,因此用户无法修改它,并且该值是动态设置的。HTMLHTML输出:示例2:在此示例中,用户可以修改输入字段,但可以动态设置用户...

  如何在Angular中使用click事件动态创建按钮?

📅  最后修改于: 2021-05-13 18:28:18        🧑  作者: Mango

任务是使用angular使用点击事件动态创建按钮。在这些示例中,当有人单击按钮时,就会创建一个新按钮。在AngularJS中创建按钮的最简单方法是使用ng-repeat指令。我们可以轻松地在按钮单击事件中关联一个重复逻辑。句法:示例:这里有一个计数器变量,用于保持DOM中当前存在的按钮计数。每按一次主按钮(GFG),它就会增加1。增加的计数会导致ng-repeat生成一个新按钮。输出:当我们继续单...

  AngularJS | ng-model-options指令

📅  最后修改于: 2021-05-13 18:28:41        🧑  作者: Mango

ng-model-options指令具有帮助用户在当前应用程序中修改ngModel指令的行为的功能。基本上,它在用户必须控制范围内的变量和HTML表单元素的绑定时使用。您还可以指定绑定发生的等待时间。可以将其编程为花费一些时间,也可以几乎立即完成(如下面的示例所示)。句法:该语法受以下支持:<输入><选择><textarea>范围:选项:指定选项的对象之后必须是数据绑定。{updateOn:’ev...

  如何在Angular中使用HTTP和Observables检索数据?

📅  最后修改于: 2021-05-13 18:29:08        🧑  作者: Mango

大多数应用程序从后端服务器获取数据。他们需要发出HTTP GET请求。在本文中,我们将研究发出HTTP请求并将结果/响应映射到本地数组中。此数组可用于根据需要显示或过滤项目。这里最重要的是使用Observable。让我们先快速了解一下Observable。可观察性很重要,因为它有助于管理异步数据(例如来自后端服务器的数据)。因此,我们可以将Observable视为一个数组,其中项随时间异步到达。使...

  如何在AngularJS中切片字符串?

📅  最后修改于: 2021-05-13 18:29:39        🧑  作者: Mango

给定一个字符串,任务是使用AngularJS分割给定的字符串。方法1:使用slice()方法:方法是使用slice()方法,该方法接受两个参数start和end。在第一个示例中,仅使用一个参数,在第二个示例中,使用两个参数。范例1:输出:范例2:输出:方法2:使用substr()方法:方法是使用substr()方法。它有2个参数,一个是开始,另一个是length(可选)。在第一个示例中,仅使用一个...

  AngularJS过滤器完整参考

📅  最后修改于: 2021-05-13 18:29:57        🧑  作者: Mango

在AngularJS中添加了过滤器,以简化格式设置和处理数据。过滤器用于格式化表达式的值,以供用户显示。过滤器的完整列表如下:AngularJS过滤器AngularJS货币过滤器AngularJS日期过滤器AngularJS过滤器AngularJS json过滤器AngularJS limitTo过滤AngularJS小写过滤器AngularJS编号过滤器AngularJS orderBy筛选An...

  AngularJS简介

📅  最后修改于: 2021-05-13 18:30:24        🧑  作者: Mango

定义AngularJs是一个主要用于开发单页Web应用程序(SPA)的Javscript开源前端框架,它是一个不断发展壮大的框架,为开发Web应用程序提供了更好的方法,它将静态HTML更改为动态HTML。动态绑定和依赖注入等功能消除了我们不得不编写其他代码的需求。AngularJs迅速增长,由于这个原因,我们有不同版本的AngularJs,最新的稳定版本为1.7.7。同样重要的是要注意Angula...

  <mat-grid-list>在角材料中

📅  最后修改于: 2021-05-13 18:30:45        🧑  作者: Mango

Angular Material是一个由Angular团队开发的UI组件库,用于为台式机和移动Web应用程序构建设计组件。为了安装它,我们需要在项目中安装angular,一旦安装,您可以输入以下命令并下载。 mat-grid-list标记用于以网格形式设置内容的样式。安装语法:方法:首先,使用上述命令安装角材。完成安装后,从app.module.ts文件中的’@ angular / materia...