流行的端到端測試框架 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 的早期版本中…… 閱讀更多