📝 AngularJS教程

376篇技术文档
  什么是Angular中的AOT和JIT编译器?

📅  最后修改于: 2021-05-13 19:19:20        🧑  作者: Mango

角度应用程序主要由HTML模板组成,其模板包括各种TypeScript文件。有一些单元测试和配置文件。每当我们在应用程序上运行时,浏览器都无法直接理解代码,因此我们必须编译代码。什么是Ahead of Time(AOT)编译器?所有技术提前是将高级语言或中间语言编译成与系统有关的本机代码的过程。简而言之,当您服务/构建角度应用程序时,Ahead of Time编译器会在构建期间转换您的代码,然后浏...

  角度|按键事件

📅  最后修改于: 2021-05-13 19:20:02        🧑  作者: Mango

介绍在这里,我们将说明Angular2中的(keyup)事件和可与(keyup)一起使用的选项。 (keyup)事件可以使用多种选项,但首先让我向您解释什么是(keyup)。(键盘):(keyup)是一个Angular事件绑定,用于响应任何DOM事件。这是一个同步事件,在用户与基于文本的输入控件进行交互时触发。当用户按下并释放一个键时,会发生(“键”)事件。为了在基于文本的输入控件中使用,通常用于...

  Angular CLI | Angular项目设置

📅  最后修改于: 2021-05-13 19:20:33        🧑  作者: Mango

Angular是用于创建Web应用程序的前端框架。默认情况下,它使用打字稿为类创建逻辑和方法,但浏览器不知道打字稿。这里的webpack是图片,webpack用于将这些打字稿文件编译为JavaScript。另外,有太多的配置文件,您需要在计算机上运行角度项目。Angular CLI是一个工具,可以通过一些简单的命令为您完成所有这些操作。 Angular CLI使用后面的webpack来完成所有此过...

  如何在AngularJS中将mat-button-toggle-group创建为只读模式?

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

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

  如何使用AngularJS从DOM中删除HTML元素?

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

这里的任务是借助AngularJS从DOM中删除特定元素。方法:在这里,我们首先选择要删除的元素。然后,我们使用remove()方法删除该特定元素。示例1:这里的class(’p’)元素已被删除。输出:示例2:这里的id(’p’)元素已通过remove()方法删除。输出:...

  Angular和Aurelia之间的区别

📅  最后修改于: 2021-05-13 19:21:46        🧑  作者: Mango

JavaScript的框架是讨论前端开发时最热门的话题之一。这些框架在基于组件的开发中支持开发人员,并将数据绑定到软件开发的现代体系结构。现在让我们讨论Angular和Aurelia之间的一些区别。Angular:Angular是Google在2016年引入和开发的框架。它是由Google成立的一个社区发起的,该社区最初是个人开发人员。 Angular支持基于组件的浏览,其中将网页视为组件,它提供...

  Angular 2模板中let- *的含义是什么?

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

Angular中的let关键字声明在模板中引用的模板输入变量。在Angular中,微语法用于在紧凑且友好的字符串配置指令。通过将字符串转换为<ng-template>标记上的属性,可以将角度直接嵌入模板中,这是按角度提供的功能。句法:或者用法:作为一种微观语法,let用于创建角度临时变量,该临时变量可以通过组件类的变量进行链接。因此,要将组件变量信息带入模板,请使用它。示例1:在此示例中,有一个使...

  您需要了解的鲜为人知的角度特征

📅  最后修改于: 2021-05-13 19:22:51        🧑  作者: Mango

以下是angular的一些有趣功能,它们可以帮助您进行SEO,改善应用程序性能并提高代码的可读性。1.标题标签:这些标签显示在SERP(搜索引擎结果页)上,作为您搜索文本的可点击和可触摸的标题。它们对于可用性,搜索引擎优化和社交平台帖子共享非常重要。为此,您必须从@ angular / platform-browser包中导入Title,并将其注入到构造函数中。这样,您还可以动态设置文本。例子:J...

  如何获得同级div的高度并将数据发送到Angular中的同级组件?

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

在这篇文章中,我们将看到如何在一个组件中获取动态div的高度并将其发送到Angular中的同级组件。该任务需要了解一些基本的角度和DOM概念。在角度上,我们可以使用许多方法向同级兄弟发送和接收数据,其中一种方法是通过父级。参见下图。在Angular中,我们可以执行以下步骤:创建一个EventEmitter <T>对象,并使用@Output()装饰器将数据发送给父对象。使用@Input()装饰器从父...

  AngularJS | textarea指令

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

Textarea元素提供验证和基本状态控制。ng-model属性引用text-directive。 textarea元素的当前状态由Angular JS保留。下面列出了Textarea指令的状态:$ touched:表示已触摸的字段。$ untouched:表示未修改的字段。$ valid:表示有效的字段内容。$ invalid:表示无效的字段内容。$ dirty:表示字段内容已修改。$ pris...

  在AngularJS中使用ng-model格式化日期

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

ng-model指令用于将输入字段的值绑定到控制器中的属性。格式化程序用于将输入值从一种纹理表示形式转换为另一种所需的表示形式。当需要根据国家/地区指定的格式在各个位置更新日期时,用于日期格式的格式化程序将很有用。语法:必须在HTML标记内添加以下属性,如下例所示。input type = “date” id = “exampleInput” name = “input” ng_model = “...

  如何使用AngularJS检查对象中键的存在?

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

给定一个包含(键,值)对的对象,任务是使用AngularJS检查对象中是否存在键。方法:方法是使用in运算符检查对象中是否存在键。在第一个示例中,键“ Prop_1”被输入并且它存在于对象中。在第二个示例中,用户可以检查他们想检查哪个键的存在。范例1:输出:范例2:输出:...

  如何使用AngularJS获取单选按钮的值?

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

在本文中,我们将看到如何在AngularJS的帮助下获取单选按钮的值。在本文中,我们将使用ng-model获取选中的单选按钮的值。示例1:在此示例中,所选值显示为带有警报。HTMLHTML输出:在单击按钮之前:单击按钮后:示例2:在此示例中,所选值显示在<p>标记中。的HTML输出:...

  为什么我们在AngularJS中使用$ rootScope。$ broadcast?

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

$ rootScope。$ broadcast用于广播“全局”事件,该事件可以被该特定范围的任何侦听器捕获。后代作用域可以使用$ scope。$ on捕获并处理此事件。句法:其中,侦听器指定捕获事件时要调用的函数。方法:创建要从中引发/广播事件的ParentController。在AngularJS中使用$ rootScope。$ broadcast从ParentController广播事件。创建...

  角材料中的mat-date-picker

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

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