-
1 是的,你必须写一些代码。 Angular不行 一切 为你。 developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… , developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… – JB尼泽特 评论 2015年5月13日6:34 -
13 这也可以使用CSS完成。。 查看text-transform:capitalize属性 – 拉马纳森·穆图拉曼 评论 2015年5月13日6:35 -
1 如果确实要使用角度,可以使用此解决方案: codepen.io/温特乔伊/笔/sfFaK – 你自己——沙姆舒姆 评论 2015年5月13日6:36 -
1 创建一个简单的指令/过滤器,使单词的第一个字母大写。。。 – 潘卡杰·帕卡 评论 2015年5月13日6:36
24个答案
var app=角度模块('app',[]); app.controller('Ctrl',函数($scope){ $scope.msg=“你好,世界。”; }); app.filter('capitalize',function(){ 返回函数(输入){ return(角度.isString(输入)&&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>{{msg|capitalie}}</p> </div> </div>
-
11 如果你不小心想把一个数字大写,就会出现错误。 函数体应为: return(角度.isString(s)&&s.length>0)? s[0].toUpperCase()+s.substr(1).toLowerCase(():s; 。如果它不是字符串,则返回原样。 – 贾巴 评论 2015年12月5日12:46 -
2
.大写{ 文本转换:大写; }
{{uppercase_expression}}</span>
-
9 -
25 -
2 -
-
4
CapiTaliZed文本</ p>(第页)
文本转换
使用文本大小写类转换组件中的文本。
小写文本。 大写文本。 CapiTaliZed文本。
<p class=“text-lowercase”>小写文本</ p>(第页) <p class=“text-uppercase”>大写文本</ p>(第页) CapiTaliZed文本</ p>(第页)
注意,text-capitalize只更改每个单词的第一个字母,而不影响其他字母的大小写。
app.filter('capitalize',function(){ 返回函数(标记){ return token.charAt(0).toUpperCase()+token.slice(1); } });
<ul> {{foo.awesome_property|小写}}</li> </ul>
.大写{ 文本转换:大写; }
var app=角度模块('app',[]); app.controller('Ctrl',函数($scope){ $scope.msg=“你好,世界。”; });
.大写{ 显示:嵌入式块; } .大写::第一个字母{ 文本转换:大写; } .大写2{ 文本转换:大写; }
<script src=“ https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js “></script> <div ng-app=“app”> <div ng-controller=“Ctrl”> <b>我的文本:</b><div class=“capitalie”>{{msg}}</div> <p><b>我的文字:{{msg}}</p> </div> </div>
.filter('capitalize',函数(){ 返回函数(输入){ 返回(!!输入)? input.split(“”).map(函数(wrd){return wrd.charAt(0).toUpperCase()+wrd.subster(1).toLowerCase(;}).join(“”; } });
.大写{ 显示:嵌入式块; } .大写:第一个字母{ 字体大小:2em; 文本转换:大写; }
<span class=“大写”> 真的,从前我的后端有一个格式不好的输出,<strong>全部都是小写的,因此看起来不像想象中的那么华丽,但随后是级联样式表(我们都知道是<a href=“ 网址:http://9gag.com/gag/677/css-is-awsome “>棒极了</a>)用现代伪选择器来解救。。。 </span>
angular.module(ApplicationConfiguration.applicationModuleName).filter('capitalize',function(){ 返回函数(str){ return str.split(“”).map(function(input){return(!!input)?input.charAt(0).toUpperCase()+input.substr(1).toLowerCase; } });
{{foo.awesome_property.substring(0,1)|大写}}{foo.awsome_pProperty.sSubstring(1)}}
var app=角度模块(“app”,[]); app.filter('capitalize',function(){ 返回函数(str){ if(str===未定义)返回;// 避免未定义 str=str.toLowerCase().split(“”); var c=“”; 对于(var i=0;i<=(str.length-1)); i++){ var单词=“”; 对于(var j=0;j<str[i].length;j++){ c=str[i][j]; 如果(j===0){ c=c.至UpperCase(); } 单词+=c; } str[i]=单词; } str=str.join(“”); 返回str; } });
app.指令(“资本化”,函数(){ 返回{ require:'ngModel', 链接:函数(作用域、元素、属性、模型Ctrl){ 模型Ctrl$ parsers.push(函数(inputValue){ var transformedInput=(!!inputValue)? inputValue.charAt(0).toUpperCase()+inputValue.substr(1).toLowerBase():“”; if(transformedInput!=输入值){ 模型Ctrl$ setViewValue(transformedInput); 模型Ctrl$ 渲染(); } return transformedInput; }); } };
<input ng-model=“surname”ng-trim=“false”大写>
app.filter('capitalize',function(){ 返回函数(输入、范围){ if(输入!=空) input=input.toLowerCase().split(“”); for(var i=0;i<输入长度;i++){ //您不需要检查i是否大于输入长度,因为您的for为您做了这件事 //将其分配回阵列 input[i]=输入[i].charAt(0).toUpperCase()+输入[i].substring(1); } //直接返回连接的字符串 return input.join(“”); } });
从“@angleg/core”导入{Pipe,PipeTransform}; @管道({ name:'大写' }) /** *每个单词的第一个字母用大写字母,另一个用小写字母。 例:LORO说话=LORO说话 */ 导出类CapitalizePipe实现PipeTransform{ 变换(值:任意):任意{ value=value.replace(“”,“”); if(值){ 设w=''; if(value.split('').length>0){ value.split(“”).forEach(单词=>{ w+=word.charAt(0).toUpperCase()+word.toString().substr(1,word.length).toLowerCase( }); }其他{ w=value.charAt(0).toUpperCase()+value.toString().substr(1,value.length).toLowerCase(); } 返回w; } 返回值; } }
if(值){ value=(value.length>1)? value[0].toUpperCase()+value.substr(1).toLowerCase():value.toUpperCase(); }
{{(Name.charAt(0)|大写)+“”+(Name.slice(1,element.length)|小写)}}
{{Name.charAt(0)|大写}}{{Name.slice(1,element.length)|小写}}}
<td>{{lastName.charAt(0).toUpperCase()+lastName.subtr(1).toLowerCase(</td>