角大写/小写管道-为什么不只使用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-至少，您只需要在1个地方（理想情况下）进行定义即可，必须在所有字段中显式使用管道，这对于大型应用程序来说是可扩展性的噩梦。

如果要查看此示例的有效角度示例，请检查以下问题：在Angular2-View中的INPUT元素上的ngModel中使用管道