中将字符串的第一个字母大写

中将字符串的第一个字母大写

本文介绍了在 AngularJs 中将字符串的第一个字母大写的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

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

正如我使用的 {{ uppercase_expression |大写}} 它将整个字符串转换为大写.

解决方案

使用这个大写过滤器

var app = angular.module('app', []);app.controller('Ctrl', function ($scope) {$scope.msg = '你好,世界.';});app.filter('大写', function() {返回函数(输入){返回 (angular.isString(input) && input.length > 0) ?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>我的文字:</b>{{味精 |大写}}</p>

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

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

08-14 18:40