Angular如何处理变音符号之类的变音符号？答案

【问题标题】：Angular how to handle diacritics like umlauts?Angular如何处理变音符号之类的变音符号？
【发布时间】：2021-11-06 21:18:38
【问题描述】：

我必须从包含大量条目的数据库中导入一些值，因此我无法更改其中值的名称。现在我的问题是有一些像tätigkeit 这样的值，我不能使用它。这里举个例子：

<div id="task">
  Tätigkeit:
  {{person.tätigkeit}}
 </div>

现在 Angular 向我显示了一个错误，因为 tätigkeit：

解析器错误：意外标记'Lexer Error: Unexpected character [ä] at column 9 in expression [person.tätigkeit]'

我该如何解决这样的问题？

【问题讨论】：

标签： angular diacritics

【解决方案1】：

如果我假设person 是一个键（不是值）为tätigkeit 的对象，您可以通过person["tätigkeit"] 将其作为字符串检索。

如果你有一个对象obj和一个键example，那么obj.example和obj["example"]是等价的，但是Typescript不支持代码中的任意unicode字符，所以你不能做obj.tätigkeit .但是，[] 的字符串方式将始终有效。

【讨论】：

感谢您的回答！人[“tätigkeit”] 不起作用。在这种情况下，Tätigkeit 是来自人的属性。类似于 person.age

【解决方案2】：

我在后端修复了它：

public async Task<ActionResult> GetPersonens() {
    return Ok(await _context.Personens.Select(p => new {
        taetigkeit = p.Tätigkeit,
    }).ToListAsync());
}

【讨论】：