在AngularJs中大写字母的第一个字母 [英] Capitalize the first letter of string in AngularJs

问题描述

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

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

解决方案

use this capitalize filter

  var app = angular.module（'app'，[]）; app.controller（'Ctrl' msg ='hello，world。';}）; app.filter（'capitalize'，function（）{return function（input）{return（!! input）？input.charAt（0）.toUpperCase（）+ input。 substr（1）.toLowerCase（）：'';}}）; <$ code> 

 < script src =https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js>< / script>< div ng-app = 应用程序 > < div ng-controller =Ctrl> < p>< b>我的文字：< / b> {{msg |利用}}< / p为H. < / div>< / div>  

I want capitalize first character of string in angularjs

As i used {{ uppercase_expression | uppercase}} it convert whole string to upper case.

解决方案

use this capitalize filter

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

app.controller('Ctrl', function ($scope) {
   $scope.msg = 'hello, world.';
});

app.filter('capitalize', function() {
    return function(input) {
      return (!!input) ? input.charAt(0).toUpperCase() + input.substr(1).toLowerCase() : '';
    }
});

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

这篇关于在AngularJs中大写字母的第一个字母的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！