Question

我有一个循环字符串数组sideBarRoutesPath的ngFor循环。

       <div class="sidebar-feature" *ngFor = "let side of sideBarRoutesPath">
          <button mat-button color="primary" class="feature-button">
            {{side}}
          </button>

        </div>

我想做什么：
现在，我的{{side}}正确显示字符串。但是，字符串中包含'/'，但在我的HTML上显示时，我不想要'/'符号。

["/devices/", "/account/overview"]

我不想删除字符串数组本身中的'/'因为我需要'/'进行路由。所以我想我必须创建第二个数组来复制我的第一个数组，然后删除/或者用{regex以某种方式在*ngFor中执行它。

我尝试过：sideBarRoutesPath.replace(/\W/g, '')消除了＆＃39; /＆＃39;但是它把所有的字符串混合在一起，所以它没有用。

Answer 1

您可以在组件类中定义方法以删除/个字符：

public removeSlashes(side: string): string {
    return side.replace(/\//g, "");
}

并在模板中调用它：

{{ removeSlashes(side) }}

Angular：* ng对于字符串数组，请删除＆＃39; /＆＃39;符号

1 个答案: