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

引导程序：定义：Bootstrap是一个免费的开源前端Web开发框架。它是HTML，CSS和Javascript代码的巨大集合，旨在帮助构建用户界面组件。它是用于创建网站和Web应用程序的免费工具集合。由许多开发人员使用，并且根据Bootstrap官方网站的介绍：它是用于创建响应式移动优先网站和Web应用程序的最流行的HTML，CSS和Javscript框架。它具有多个版本，最新的版本是CSS 4...

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

在Angular 2中，它们是两种形式的形式：模板驱动的表单。反应形式。在模板驱动的形式中，大多数内容将填充在.html文件中。在反应形式中，大多数功能和内容将在.ts文件中执行。响应式表单的主要优点是，我们可以创建自定义验证，第二个关键优势是在执行单元测试时，由于HTML代码将是干净的，因此编写单元测试更加可行。以模板驱动的方式重置表单：在模板驱动的方法中，我们需要从’@ angular / f...

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

Restangular和ngResource之间的主要区别：Restangular并没有像$ resource这样“神奇”地填充对象，而是使用了promises(promise表示操作的最终结果。您将使用promise指定操作成功或失败时要尝试的操作)。Restangular的斜杠没有问题，其他：URL内，转义信息，仅期望用于获取列表的数组等。Restangular支持所有HTTP方法，而$ re...

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

该组件是Angular的基本构建块。它具有选择器，模板，样式和其他属性，并指定处理组件所需的元数据。在Angular 8中创建组件：要在任何角度应用程序中创建组件，请执行以下步骤：通过您的终端访问Angular应用。使用以下命令创建组件：生成组件后将创建以下文件：在Angular 8中使用组件：转到component.html文件，并编写必要的HTML代码。转到component.css文件，并编...

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

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

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

AngularJS中的angular.uppercase()函数用于将字符串转换为大写形式。当用户希望以大写字母而不是小写字母显示文本时可以使用它。句法：示例：在本示例中，字符串被转换为大写。输出：点击前：点击后：...

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

ng-idle用于减少应用程序，网站，程序或软件的负担，带宽和工作量。在ng-idle的帮助下，注销不活动的用户会话，以便保留我们的宝贵数据和工作量，甚至嘲笑他们以更积极地参与其中。ng-idle是模块，需要响应并处理模块中的空闲用户。ng-idle指令通过使用UI Bootstrap中的$ uibModal显示警告对话框。它将对剩余时间进行倒计时，直到会话超时。该应用程序将向HTTP发送一个请求...

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

此处的任务是借助AngularJS在表中插入新行。方法：方法是使用push()方法将新行插入到数组中。该数组将用作<tr>元素的内容。ng-repeat用于将数组的内容提供给表单元格。示例1：在第一个示例中，使用了一个单列表，并且内容以其元素的形式存储在数组中。输出：示例2：在此示例中，使用了一个三列的表，该表以Object格式存储表的内容。输出：...

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

先决条件：必须安装Angular在本文中，我们将看到如何在Angular中显示或隐藏子组件。让我们从创建一个新项目开始。创建一个新文件夹并初始化一个新的角度项目。运行项目以验证它是否正常运行。这将在当前目录中创建一个新项目。现在，我们可以清除app.component.html文件并创建一个子组件，以演示如何显示或隐藏它。现在设置部分结束了。让我们在app.component.html文件中添加以...

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

在本文中，我们将看到如何在AngularJS中连接字符串。在AngularJS中没有几种连接字符串的方法。在本文中，我们将看到其中两个。示例1：在第一个示例中，我们使用‘+’运算符连接字符串HTMLHTML输出：示例2：在第二个示例中，我们将使用标准concat()方法进行串联。的HTML输出：...

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

介绍：我们可以使用属性绑定概念，并且可以将查询参数传递给routerLink。使用属性绑定，我们可以绑定queryParams属性，并可以在对象中提供所需的详细信息。属性绑定：这是一个概念，其中我们使用方括号表示法将数据绑定到超文本标记语言(HTML)元素的文档对象模型(DOM)属性。输出：我们可以通过两种方式实现路由重定向：1)第一种方法是从.html文件执行操作。2)第二种方法来自.ts文件。...

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

ToDo应用程序用于帮助我们记住一些重要任务。我们仅添加任务，完成后将其删除。此待办事项列表使用各种Bootstrap类，这些类使我们的Web应用程序不仅有吸引力，而且响应迅速。方法：使用以下命令创建一个新的angular应用程序：通过cd在应用内移动并运行。之后，打开本地主机，然后检查该应用程序是否正常运行。使用以下命令安装引导程序：在项目中编辑style.css文件打开src / app文件夹...

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

为了使用* ngIf在Angular 2+中没有额外的元素，我们可以使用<ng-container>或<ng-template>但在许多情况下，建议使用<ng-container>。下面提到有关与* ngIf一起使用而没有额外元素的最佳方案。app.component.ts：app.component.html：上面的ng-container代码说明如果我们检查它，那么可以看到在<div>标签之后...

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

AngularJS中的“过滤器”过滤器用于过滤数组和对象元素并返回过滤后的项目。换句话说，此过滤器从原始数组中选择一个数组的子集(包含满足过滤条件的元素的较小数组)。句法：范围：arrayexpression：将在其上应用过滤器的源数组。expression：满足过滤条件后，用于从数组中选择项目。比较器：用于通过比较过滤表达式中的期望值和对象数组中的实际值来确定值。anyPropertyKey：这...

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

给定一个包含一些options元素的HTML文档，任务是使用angularJS中的ng-repeat动态添加具有多个选择的javascript对象数组。方法：该任务是使用ng-repeat遍历数组完成的。我们将此数组称为“模型”。 DOM中存在的每个选择菜单都将根据其在数组中的特定索引进行建模。例如，第二选择菜单将被建模为模型对象数组中的第二对象。要向DOM添加更多选择菜单，我们只需要将一个空对象...