Angular 9删除空格后的文本 - TypeScript

在 Angular 9 中，我们可以使用 TypeScript 中的 trim() 方法来从字符串中删除空格。

以下是一个简单的例子：

let myString = '  Hello World!  ';
let trimmedString = myString.trim();
console.log(trimmedString); // 输出: 'Hello World!'

在上面的代码中，我们定义了一个名为 myString 的字符串，它包含前后空格。我们然后使用 trim() 方法将其存储在名为 trimmedString 的变量中。最后，我们将 trimmedString 输出到控制台，以便查看已删除空格的字符串。

应用示例

下面是一个更实际的应用示例，在 Angular 9 中从输入框中获取用户输入并删除其中的空格：

HTML：

<input [(ngModel)]="userInput" placeholder="请输入一些文本...">
<button (click)="deleteSpaces()">删除空格</button>

<p>{{ result }}</p>

在上面的代码中，我们创建了一个输入框和一个按钮，并使用 Angular 9 的 [(ngModel)] 绑定将用户的输入存储在名为 userInput 的变量中。我们还为按钮添加了一个点击事件 (click)，该事件使用 deleteSpaces() 函数来删除用户输入文本中的空格。最后，我们通过双括号语法 {{ result }} 在页面上显示结果。

TypeScript：

export class AppComponent {
  userInput: string;
  result: string;

  deleteSpaces() {
    this.result = this.userInput.trim();
  }
}

在上面的代码中，我们定义了一个名为 AppComponent 的组件，并在其中定义了 userInput 和 result 变量。在 deleteSpaces() 函数中，我们使用 trim() 方法从用户输入中删除空格，并将结果存储在 result 变量中。

结论

在 Angular 9 中，通过在 TypeScript 中使用 trim() 方法，我们可以轻松地删除字符串中的空格。通过上述实际应用示例，我们可以看到如何在 Angular 9 中使用该方法来处理用户输入的文本。