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

Question

为什么 uppercase/lowercase 管道存在于 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 - 至少您只需要定义这在 1 个地方（理想情况下），与必须在所有字段中显式使用管道相比，这对于大型应用程序来说是 extensibility 的噩梦。

如果你想看到这个工作的 angular 例子，检查这个问题：

Angular Uppercase/Lowercase Pipe - Why not just use css?