javascript - 在 Angular 2+ 组件中使用全局替换方法

标签 javascript angular typescript

我需要向现有组件添加一个名为“dataTestValue”的新属性。这是一个简单的组件,其作用类似于选项卡:

export class TabComponent implements OnInit {

  @Input('active') active = false;
  @Input('title') title: string;

  dataTestValue: string;

  constructor() { }

  ngOnInit() {
    this.dataTestValue = this.title.replace('/ /g', '_');
    console.log(this.dataTestValue);
  }

}

因为“title”属性可能包含空格,我需要将其替换并将其转换为小写。

我设法使用以下方法仅替换第一个空白:

this.dataTestValue = this.title.replace(' ', '_');

由于某种原因,全局方法不起作用,它只是打印原始值。有什么想法吗?

P.S:如果我使用“ngOnInit”生命周期 Hook ,请通知我。

最佳答案

从正则表达式中删除单引号:

this.dataTestValue = this.title.replace(/ /g, '_');

关于javascript - 在 Angular 2+ 组件中使用全局替换方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53801384/

相关文章:

angular - 在 Angular 2.0 中使用 React 的 Material-UI 库

Typescript + NestJs + 类转换器 : How to use generic types in response DTO?

javascript - Angular 1- Angular .js :11655 RangeError: Maximum call stack size exceeded

javascript - highChart图表中拖动缩放后如何获取图表最小值和最大值?

javascript - HTML5 在javascript中的两个div/点之间绘制圆弧

angular - 如何使用 Angular 中的 API 数据动态创建按钮?

angular - observable 和 promise 在 rxjs 中兼容吗?

javascript - 将 svg 附加到背景图像中

angular - 如何在 Ionic 3 中通过 ionic 输入将数据从一种形式传递到另一种形式?

reactjs - 如何为使用参数调用 React setState 的函数创建 TypeScript 类型?