如何在角度中使用大写过滤器？答案

【问题标题】：How to use UpperCase filter in angular?如何在角度中使用大写过滤器？
【发布时间】：2016-08-11 12:51:29
【问题描述】：

有没有办法用 Angular 过滤器做到这一点？由于某些原因，我不允许通过 Javascript 方式执行此操作，并且也不允许创建其他文件

顺便说一句，代码的目的是比较用户输入的大小写，而不仅仅是显示 varName

<span data-ng-show="varName.toUpperCase() == 'YOURNAME'">
    Aswsome name !</span>

<span data-ng-hide="varName.toUpperCase() == 'YOURNAME'">
    {{varName}} is not my name.</span>

我尝试过类似的方法但失败了

<span data-ng-show="varName|uppercase == 'YOURNAME'">
    Aswsome name !</span>

【问题讨论】：

试试这个 {{ varName|大写 }}
您所做的是正确且有效的（我只是仔细检查过）
是的，这是正确的，但我正在学习 AngularJS，我的导师告诉我我们只允许使用角度过滤器来实现这一点

标签： javascript angularjs filter

【解决方案1】：

你必须像这样使用......

   {{ uppercase_expression | uppercase}}

例子：

   <div ng-app>

    <p>
        <label>Enter your name (in lower case)</label>
        <input type="text" ng-model="yourname" />
    </p>

    <p> {{ yourname | uppercase }} </p>
</div>

【讨论】：

实际上我的代码的目的是比较用户输入，无论是大写还是小写

【解决方案2】：

您可以使用 filter 将字符串转换为大写

在 HTML 模板绑定中：

{{ varName | uppercase}}

【讨论】：

【解决方案3】：

像这样试试。

var editer = angular.module('editer', []);
function myCtrl($scope) {
$scope.varName = "yourname";
  
  $scope.toUpperCase = function(){
    return $scope.varName.toUpperCase();
  }
  
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="editer" ng-controller="myCtrl" class="container">
   
   <span data-ng-show="toUpperCase() == 'YOURNAME'">
    Aswsome name !</span>

<span data-ng-hide="toUpperCase() == 'YOURNAME'">
    {{varName}} is not my name.</span>

</div>

【讨论】：

【解决方案4】：

只需在前 2 个操作数周围加上括号

<span ng-show="(varName | uppercase) == 'YOURNAME'">
    Aswsome name !</span>
</div>

【讨论】：