Angular大写/小写管道 - 为什么不使用css？

Question

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

我能想到的任何情况都可以使用以下的CSS代替：

text-transform: uppercase|lowercase

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

Answer 1

这就是原因：

＆＃13;

＆＃13;

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

＆＃13;

input{
 text-transform: lowercase;
}

＆＃13;

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

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

＆＃13;

＆＃13;

＆＃13;

如果使用小写的管道，则该值将为小写。

因此，如果您没有使用输入字段或者不想从元素中提取数据，那么我会说只使用css - 至少那时您只需要在1个位置（理想情况下），与必须在所有字段中明确使用管道相比，这对于较大的应用程序来说是extensibility噩梦。

<小时/> 如果您想查看有效的角度示例，请查看以下问题：Using Pipes within ngModel on INPUT Elements in Angular2-View