在AngularJs中大写字符串的第一个字母

Question

我想在angularjs中大写字符串的第一个字符

当我用{{ uppercase_expression | uppercase}}它转换整个字符串为大写。

Answer 1

使用此大写过滤器

var app = angular.module('app', []);



app.controller('Ctrl', function ($scope) {

   $scope.msg = 'hello, world.';

});



app.filter('capitalize', function() {

    return function(input) {

      return (angular.isString(input) && input.length > 0) ? input.charAt(0).toUpperCase() + input.substr(1).toLowerCase() : input;

    }

});


<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="app">

    <div ng-controller="Ctrl">

        <p><b>My Text:</b> {{msg | capitalize}}</p>

    </div>

</div>