Question

我想检查result.resource.display_name是否有超过x个字母而不是更改元素的样式但我该如何检查？

首先我result.object.reference检查它是否大于100而不是设置样式但是我想查看display_name

的字母数

<sebm-google-map-info-box #infowindow [alignBottom]="true" [style.width.px]="result.resource.display_name.length >= 5 ? 250 : 200">
      <span class="tooltip-id">
          {{ result.object.reference }}
      </span>
      <span class="tooltip-data">
           {{ result.resource.display_name }}
      </span>
</sebm-google-map-info-box>

这不起作用它始终将其宽度设置为200px

Answer 1

您可以使用

等样式绑定

<div [style.text-overflow]="result.resource.display_name.length > 20 ? 'ellipsis' : 'none'">{{result.resource.display_name}}</div>

可以类似地使用

ngStyle或[class.wide]="..."根据结果添加/删除类

Angular2-有没有办法检查对象资源是否超过...字母？

1 个答案: