使用 ng-options 过滤大写

Question

我没有找到如何在ng-options大写或大写首字母。

我的选择：

<select ng-model="company.currency.code" ng-options="currency.code as currency.code for currency in currency_list>
</select>

在控制器中：

$scope.currency_list = [
    {
        code: 'eur'
    }, {
        code: 'usd'
    }
];

我想在不手动循环我的对象的情况下打印“EUR”、“USD”或“Eur”、“Usd”。

有可能做到这一点吗？

Answer 1

这应该有效：

ng-options="currency.code as (currency.code | uppercase) for currency in currency_list"

查看过滤器文档： https : //docs.angularjs.org/api/ng/filter/uppercase

Answer 2

使用大写过滤器。

看看这个

 var app = angular.module('myApp', []); app.controller('ArrayController', function ($scope) { $scope.currency_list = [ { code: 'eur' }, { code: 'usd' } ]; });

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app='myApp' ng-controller="ArrayController"> <select ng-model="company.currency.code" ng-options="currency.code as (currency.code | uppercase) for currency in currency_list | uppercase"> </select> </div>

Answer 3

您可以通过将一个类附加到

 var app = angular.module('myApp', []); app.controller('ArrayController', function ($scope) { $scope.currency_list = [ { code: 'eur' }, { code: 'usd' } ]; });

 .text-capitalize{ text-transform: capitalize }

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app='myApp' ng-controller="ArrayController"> <select class="text-capitalize" ng-model="company.currency.code" ng-options="currency.code as currency.code for currency in currency_list"> </select> </div>

Answer 4

您可以使用此属性：
ng-options="currency.code | uppercase for currency in currency_list"