Angular Uppercase/Lowercase Pipe - 为什么不直接使用 css？

Question

为什么 Angular 中存在大写/小写管道？

我能想到的任何情况都可以使用下面的 CSS:

text-transform: uppercase|lowercase

在 css 中的文本转换不起作用或不是最佳解决方案的生产管道中使用此方法的任何示例？

Answer 1

这就是为什么:

console.log($("input").val());

input{
 text-transform: lowercase;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="text" value="EXAMPLE" />

如果您使用管道符来小写，那么该值将是小写的。

因此，如果您不使用输入字段或不打算从元素中提取数据，那么我会说只使用 css - 至少您只需要在一个地方定义它(理想情况下) )，与必须在所有字段中显式使用管道相比，这是一个 extensibility大型应用程序的噩梦。

---

如果你想看到一个工作 Angular 例子，检查这个问题: Using Pipes within ngModel on INPUT Elements in Angular2-View