流行的端到端测试框架 Protractor 在真实的浏览器中针对 Web 应用程序执行测试，模拟用户交互。它与 Angular 和 AngularJS 应用程序一起使用。当用户在在线应用程序中点击链接或按钮时，可能会打开一个新的标签页或窗口。这是一种典型的情况。在这些情况下，在对新标签页进行任何其他更改之前等待新标签页的形成至关重要。我们可以使用浏览器等待 Protractor 打开新标签页，并结合浏览器的 wait() 功能。该方法 getAllWindowHandles() 所有…… 阅读更多

分片是一种将数据或任务分布到多台机器上的方法，以提高性能和可扩展性。分片是一种在测试自动化中使用的技术，用于将测试用例分布到测试框架的多个实例中，从而加快测试执行速度。Protractor 是一种测试框架，它使用 Jasmine 测试框架来促进分片测试用例。要在 Protractor 中分片测试文件，必须编写一个配置文件，详细说明测试文件的路径以及要创建的实例数量。为了缩短整体测试执行时间，Protractor 将测试用例分布到多个实例中，并…… 阅读更多

概述 使用 AngularJs 将字符串类型值转换为数字类型值很容易操作，因为它具有内置函数，例如 parseInt()、parseFloat()，它们将数字的字符串类型转换为数字类型，以及 Angular 的“isNumber()”函数，它交叉检查给定数据是否已转换为数字。例如，如果一个数字是十进制字符串类型，那么我们将使用 parseFloat() 函数将字符串转换为数字，否则，如果我们必须在没有小数的情况下进行转换，那么我们将使用 parseInt() 函数。语法 使用的语法…… 阅读更多

概述 可以使用 AngularJS 检查对象中是否存在键。对象中的键是唯一的，不能重复。由于对象是以键值对形式存储不同数据类型的集合，其中包含字符串、数字类型的数据到单个引用变量中。要检查键的存在，我们将使用“in”运算符，它将检查对象并返回 true 或 false。语法 在此问题中使用的语法为 - 如果 (key in objectName) { action } 否则 { action } … 阅读更多

首先，我们了解 Angularjs 中的过滤器是什么，然后是如何使用它们。过滤器用于格式化表达式的值以显示在 UI 上供用户查看，而不会更改原始格式。过滤器将使用管道 | 运算符添加到表达式中。例如，{{expression | filterName}} Angularjs 提供了一些内置过滤器来格式化数据。例如，作为货币、大写、小写、数字、orderBy、limitTo、json、filter 和 date。现在，我们了解如何在代码中使用 Angularjs 使用它们。AngularJS Currency 过滤器 此过滤器用于将数据格式化为…… 阅读更多

Angular 8 中的指令是可以在模板中为元素添加新行为的类。指令用于操作 DOM。我们可以使用指令更改 DOM 元素的行为和外观。简单来说，我们可以使用 HTML 使用指令。使用指令，我们可以实现可重用性、可读性和可维护性。指令将为整个应用程序提供高级别的可重用性。这将有助于大型应用程序，例如许多地方需要相同的功能。指令有 3 种类型 - 组件指令 属性指令 结构指令 我们还可以根据…… 阅读更多

在 Angular 中，服务是单例对象，通常只为整个 Angular 应用程序实例化一次。每个服务都包含多个方法，其中包括一些要执行的功能。它是一种在多个组件内共享功能或职责的机制。我们知道，使用 Angular，我们可以创建基于嵌套的组件。一旦我们的应用程序嵌套，我们可能需要使用相同的功能。而不是在多个组件中编写相同的代码。我们可以在一个地方编写，然后与不同的组件共享数据。使用服务来处理此问题是最佳方法。在 Angular 的早期版本中…… 阅读更多

在 Angular 8 中，要将数据从父组件传递到子组件，我们使用 @Input 装饰器。@Input 装饰器是 Angular 中的属性装饰器之一。现在，让我们了解一下 @Input 装饰器如何从父组件传递到子组件。先决条件 在继续之前，我们需要一些先决条件。例如，对 Angular 的基本了解。任何 IDE，如 WebStorm、Intellij 或 Visual studio/code 已安装。必须安装 Angular CLI。必须安装 Nodejs。步骤 在这里，我解释了将数据从父组件传递到子组件的步骤。首先创建…… 阅读更多

在本节中，我们将学习如何从子组件获取数据到父组件。在 Angular 8 中，使用 @Output 装饰器和 EventEmitter，我们可以将数据从子组件传递到父组件。这里，举一个例子，例如在子组件中，我们有一个输入字段和一个按钮。每当用户点击按钮时，父组件就会知道子组件中的输入值。让我们看看如何做到这一点。先决条件 了解 Angular。安装 Node 和 CLI。创建一个项目。使用 NPM 创建子组件和父组件…… 阅读更多

在 Angular 中，服务是单例对象，通常只为整个 Angular 应用程序实例化一次。每个服务都包含多个方法，其中包括一些要执行的功能。它是一种在多个组件内共享功能或职责的机制。我们知道，使用 Angular，我们可以创建基于嵌套的组件。一旦我们的应用程序嵌套，我们可能需要使用相同的功能。而不是在多个组件中编写相同的代码。我们可以在一个地方编写，然后与不同的组件共享数据。使用服务来处理此问题是最佳方法。在 Angular 的早期版本中…… 阅读更多