在Angular 5中使用基于类的选择器

Question

是否可以通过在Angular 5中使用类选择器来禁用视图组件？我无法访问我要禁用的组件的代码(代码是在NPM安装期间导入的，与其他团队共享组件，它是标头栏，我想在该组件中禁用一个功能(。我认为使用jQuery，您可以做类似：$('。my-custom-drop-down'(。disable((。我想在角度做类似的事情。谢谢！

Answer 1

您不能禁用第三方组件的功能，除非该组件为您提供了一种禁用它的方法。您可以使用DOM选择器并添加类" .Disabled"类，但是，除非该组件旨在响应此类，否则这可能不会完成任何事情。可以更新共享组件以获取残疾标志或某些配置@Input？

仅供参考，可以通过类选择并添加类'.disabled'可以通过以下内容完成：

const dropDown = document.querySelector('.some-class');
if (dropDown.classList) {
  dropDown.classList.add('disabled');
} else {
  dropDown.className += ' disabled';
}