Angular 替代角材质组件

我想覆盖Angular Material select component（），以便将now输入字段的外观更改为图标按钮。我想这样做，因为它应该以某种方式作为一个下拉菜单工作

我已经尝试过覆盖select，该组件可以像这样很好地工作。我从这个答案中看到：我需要创建一个新的npm包并发布它。但是select是@angular包内的物料包的一部分

那么，我应该把整个材料项目分成两部分，还是只为这一部分创建一个新的包？但是如果我同时集成了（材质和扩展的select软件包），我认为它不会使用覆盖的软件包

---

我知道，实际上并不建议做这样的事情，而是使用其他更好维护的东西。为了向你们解释我为什么要这么做：我们使用的是一个非常古老的Angular版本。我们目前在下拉列表中使用ng2引导，因为Material不提供下拉组件。但ngx引导下拉列表在其最新版本中非常滞后，它阻碍了我们的角度升级。此外，我们希望摆脱ngx引导，只使用材质。

使用ViewEncapsulation并设置None，例如：-

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css'],
  encapsulation:ViewEncapsulation.None
})

---

在app.component.css中编写的任何css都将覆盖角材质css

为什么不使用mat菜单组件，在单击图标按钮时呈现下拉菜单？谢谢，如果它适合我们的需要，我会试试。重构UI肯定比重构/扩展第三方组件更容易。GlOr更好的方法是使用

styles.css

，它用于全局样式表。