добавить несколько фильтров в одном выражении в AngularJS - PullRequest
Новая
       0

добавить несколько фильтров в одном выражении в AngularJS

0 голосов
/ 31 мая 2018

Новичок в AngularJS и просто пытается «добавить несколько фильтров в одном выражении», но не находит способ сделать это.

Например.

<!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>

Он выдает выходные данные, поскольку «имя» находится в «верхнем регистре», но я хочу {{name |прописные + "," + страна |нижний регистр}} то есть имя должно быть в верхнем регистре, а страна должна быть в нижнем.

1007 * Спасибо заранее.

Ответы [ 3 ]

0 голосов
/ 31 мая 2018

Вы всегда можете объединить фильтры как: 

{{ yourText | filter1 | filter2 | filterN }}
0 голосов
/ 31 мая 2018

Чтобы применить несколько фильтров к тексту 

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

Чтобы применить разные фильтры к разным текстам, вы не можете объединить с помощью + 

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

Это правильный путь 

{{ name | filter1 }} {{ country | filter2 }}
{{ name | filter1 }},{{ country | filter2 }}
0 голосов
/ 31 мая 2018

Вы что-то ищете для этого: 

<!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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...