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

标签 angular piping

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

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

text-transform: uppercase|lowercase

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

最佳答案

这就是为什么:

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

关于Angular Uppercase/Lowercase Pipe - 为什么不直接使用 css?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49160111/

相关文章:

java - 击中请求时出现cors问题

c - 将两个程序通过管道连接在一起 C Linux

linux - 如何将子文件中的文本附加到单个母文件并从子文件中删除标题

linux - 管道标准输出到特定位置,Linux

Angular 6 - ng-dirty 和 ng-invalid 未按预期工作

javascript - 正确的 ES6 导入以添加力矩精确范围插件

c - 使用 dup2 使 C 程序执行诸如 'ls/bin | grep grep | grep b' 之类的命令时出现问题

OSX 中的 Bash 管道提示找不到命令,有时

javascript - ngFor 在可折叠菜单卡中显示单个元素

javascript - 200 个 HTTP 请求在 Angular 5 中触发 "catch"操作