首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >angularJS中的Substr以获取全名的缩写

问angularJS中的Substr以获取全名的缩写
EN

Stack Overflow用户
提问于 2016-10-28 03:07:20
回答 3查看 1.1K关注 0票数 0

我的问题与在Angular.JS中创建substr有关

假设我有一个模型:

代码语言:javascript
复制
$scope.myName = 'John Smith'

但是,当模型在页面上呈现时,我只需要名字的首字母,例如:

代码语言:javascript
复制
<p>{{myName | some directive/filter }}<p>

产出应是::JS

我尝试创建了许多指令,但是即使我尝试过limitTo过滤器,也无法获取确切的输出,但是它只给出了名字的前两个字母。

工作簿在这里

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2016-10-28 03:17:41

代码语言:javascript
复制
angular
    .module('myApp',[])
    .run(function($rootScope){
        $rootScope.title = 'myTest Page';
    })
    .controller('testController', ['$scope', function($scope){


        $scope.myName = 'saurabh raman';
    }]).filter('filter', function() {

return function(input) {

    var name = input;
    var inls = name.match(/\b\w/g) || [];
    inls = ((inls.shift() || '') + (inls.pop() || '')).toUpperCase();
    return inls;
  }
});

​

视图

代码语言:javascript
复制
<p>{{myName | filter}}</p>
  </body>

</html>
票数 0
EN

Stack Overflow用户

发布于 2016-10-28 03:26:46

假设名称标记由空间分隔,如您在问题中所述

代码语言:javascript
复制
 <body>
  <div ng-app="myApp" ng-controller="namesCtrl">
   <label>Name : {{name}}</label><br/>
   <label>Short Name : {{name|shortName}}</label>
  </div>
  <script>
    var app = angular.module('myApp', []);
     app.filter('shortName', function() {
          return function(x) {
        var shortName="", nameTokens=[];
        nameTokens = x.split(" ");
       nameTokens.forEach(function(token){ shortName+=token[0] });
       return shortName;
      };
    });
    app.controller('namesCtrl', function($scope) {
      $scope.name = 'John Smith';
    }); 
</script>
</body>
票数 1
EN

Stack Overflow用户

发布于 2020-07-01 19:07:36

我希望有一个内置的过滤器,但似乎没有,所以我创建了这个过滤器:

代码语言:javascript
复制
var relConclusaoApp = angular.module("relatorioConclusaoApp", []);
relConclusaoApp.filter('onlyinitials', [function () {
    return function (input) {
        if (input) {
            return input
                .split(/\s+/)
                .filter(s => s.length > 2)
                .map(s => s.charAt(0).toLocaleUpperCase())
                .join(".")
                .concat(".")
        }
        return input;
    }
}])

这个过滤器将把Jansen楼改造成F.J. (例如)它应在模板中用作:

代码语言:javascript
复制
{{nameToBeTransformed | onlyinitials}}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40297447

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档