angular 10 ng-select get value from DOM

Question

我有一个angular 10项目的一些视图，我使用ng-select来显示(和获取)一些数据。

QA团队有一些测试依赖于元素id和DOM值——为简单的选择元素构建。在一个简单的选择中，我们可以使用DOM元素并读取value属性来获得选择的值。

问题:是否有任何方法可以从DOM中检索ng-select组件中的选定值，以类似的方式从html select中获取它?

Answer 1

假设您有一个ng-select, bindLabel为name，您可以使用以下命令来选择ng-select的值:

const selectValue = document.querySelector('[bindLabel="name"]').getElementsByClassName('ng-value')[0].innerText;
console.log(selectValue);

你可以使用stackblitz进行测试:https://stackblitz.com/edit/ng-select

打开devtools，进入控制台，粘贴上面的查询。