Angular material 角度材质使可单击md列表项文本可选

Angular material 角度材质使可单击md列表项文本可选,angular-material,Angular Material,我想使md列表项中的文本可选择。但是,我发现当为元素设置ng click时,整行变成一个按钮,使用户无法选择元素上的任何文本。关于如何覆盖此功能,有什么想法吗 代码如下: 这会很难看的。当ng click出现时,它会在每行顶部生成一个按钮,并向每个字段添加“用户选择:无”。这就是为什么它是不可选择的 如果确实想使其可选择,可以在字段上设置z-index使其位于前面,并设置user select:text使其可选择。此外,最好使用span而不是div,因为span具有动态宽度 像这样的东西应该有

我想使md列表项中的文本可选择。但是,我发现当为元素设置ng click时,整行变成一个按钮,使用户无法选择元素上的任何文本。关于如何覆盖此功能,有什么想法吗

代码如下:


这会很难看的。当ng click出现时,它会在每行顶部生成一个按钮,并向每个字段添加“用户选择:无”。这就是为什么它是不可选择的

如果确实想使其可选择,可以在字段上设置z-index使其位于前面,并设置user select:text使其可选择。此外,最好使用span而不是div,因为span具有动态宽度

像这样的东西应该有用:-

<md-list-item xxxx>
   <span style="z-index:10000;user-select:text;"> Return </span>
</md-list-item>

返回

请参见示例的最后一节,Angular Material在文档中未指定此行为。但是在md列表项上添加
ng click=“false”
也可以

<md-list-item ng-click="false">
  <span>...</span>
  <a ng-click="f()">...</a>
</md-list-item>

...
...