以下angularJS应用程序的HTML代码如何工作并在网页上显示隐藏的文本

How does below HTML code of angularJS application works and displays hidden text on web Page?

本文关键字:网页 显示 文本 隐藏 工作 HTML 应用程序 angularJS 代码 何工作 以下      更新时间:2023-09-26

我正在尝试从位于HTML <input>标签下方的特定Web元素获取文本。网页 UI 将文本显示为"A-1",但 HTML 代码中没有文本,因为开发人员使用动态显示用户从"A-1 到 Z-99"中选择的值。

步骤如下:1)双击特定的输入字段为其设置一些值。2)将打开新对话框,用户应该能够通过单击任何值(在A-1到Z-99之间)从"A-1"到"Z-99"中选择值。3)单击对话框中的"保存"按钮。对话框将关闭。4) 输入字段应设置为用户选择的值"A-1"并灰显。

设置值不能用selenium getText()方法获取,因为它是由AngularJS动态生成的。

我想了解以下angularJS应用程序的HTML代码如何工作并在网页上显示隐藏文本?这样我就可以使用 javascriptExecutor以获取输入字段的值。

<input disabled="disabled" select-on-click="" ng-disabled="!view.inEditMode" class="activity-editor ng-valid ng-dirty ng-valid-editable view-mode" ng-class="{ 'edit-mode': view.inEditMode, 'view-mode': !view.inEditMode, 'error': hasError, 'ng-invalid': hasError }" ng-model="selectedCode" ng-blur="actions.setCode()" name="selectActivity" maxlength="10" typeahead="code for code in autocompleteCodes | filter:$viewValue | limitTo:8">
最后,

我找到了一个解决方案,可以使用Serenity BDD WebElementFacade界面从angularJS应用程序的动态生成字段中获取文本。

我仍然想知道隐藏的文本是如何在 AngularJS 网页上显示的?