html - 如何通过ng-model将每个单词的首字母大写

Question

我有一个 api 返回的 json，我通过 ng 模型绑定(bind)到表单元素

api返回的数据是大写的，我该如何应用过滤器/css？让所有单词中的每个首字母都大写

<input type = text ng-model = string>

需要使这个字符串被 Controller 中的值(通过API获得)绑定(bind)为驼峰式

Answer 1

使用angular的lowercase过滤器，然后用css转换文本。

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

app.controller('myCtrl', function($scope) {
  $scope.string = 'LOREM IPSUM DOLOR SIT AMET, DUIS VIDIT DEFINITIONES MEL NE'
});

input {
  text-transform: capitalize;
  padding:10px;
}

<script src="//code.angularjs.org/snapshot/angular.min.js"></script>

<div ng-app=myApp ng-controller=myCtrl>
  <input type=text ng-model="string | lowercase" >
</div>