Question

AngularJS＆amp;只是尝试在单个表达式中添加多个过滤器＆＃34;但是没有办法做到这一点。

EG。

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="personCtrl">

<p>The name is {{ name | uppercase }}</p>

</div>

<script>
angular.module('myApp', []).controller('personCtrl', function($scope) {
    $scope.name = "John",
    $scope.coutry = "US"
});
</script>

</body>
</html>

正在输出＆＃34; name＆＃34;是＆＃34;大写＆＃34;但我想{{name |大写+＆＃34;，＆＃34; +国家|小写}}即＆＃34; name＆＃34;应该是＆＃34;大写＆＃34; ＆安培; ＆＃34;国家＆＃34;应该是＆＃34;小写＆＃34;。

提前致谢。

Answer 1

你在寻找这个：

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="personCtrl">

<p>The name is {{ name | uppercase }} and country is {{coutry | lowercase}}</p>

</div>

<script>
angular.module('myApp', []).controller('personCtrl', function($scope) {
    $scope.name = "John",
    $scope.coutry = "US"
});
</script>

</body>
</html>

Answer 2

您可以随时连接过滤器，如：

{{ yourText | filter1 | filter2 | filterN }}

Answer 3

将多个过滤器应用于文本

{{ name | filter 1 | filter 2 | filter3 }}

要对不同的文本应用不同的过滤器，不能与+

连接

{{ name | filter1 + " " + country | filter2 }}

这是正确的方法

{{ name | filter1 }} {{ country | filter2 }}
{{ name | filter1 }},{{ country | filter2 }}

在AngularJS中的单个表达式中添加多个过滤器

3 个答案: