Question

我有一个用于列出位置的选择框。该列表包括id和value。

我的脚本就像这样

    <script>
    $scope.fillLocationList = function (item) {
                $http({
                    method: 'POST',
                    url: url,
                    data: {                            
                        'country': item
                    }
                }).then(function (result) {
                    $scope.LocatorList = result.data;                                                        
                });
            };
    $scope.fillLocationList($scope.formData.country);
    </script>
<select name="location" id="location" class="selectcontact" ng-model="formData.locations" ng-options="item.key_value for item in LocatorList track by item.key_id"></select>

我需要将地名显示为＆＃34;迪拜互联网城＆＃34;。

如何使列表中的每个单词的列表大写？

Answer 1

您可以使用过滤器 uppercase

ng-options="item.key_value as (item.key_value | uppercase) for item in LocatorList track by item.key_id"

Answer 2

包含自定义过滤器

$scope.filter('capitalize', function() {
        return function(input) {
            return (!!input) ? input.split(' ').map(function(wrd){return wrd.charAt(0).toUpperCase() + wrd.substr(1).toLowerCase();}).join(' ') : '';
        }
    });

ng-options="item.key_value as (item.key_value | capitalize) for item in LocatorList track by item.key_id"

如何将ng-options中每个单词的首字母大写？

2 个答案: