Javascript 使用函数生成自定义指令

在工作时，我遇到了这个问题，我制作了一个仪表板，在上面加载了用户的图像&如果用户没有提供图像，则会显示一个带有其姓名首字母的回退图像

 <img class="md-avatar"  ng-src="{{item.image}}" ng-show="item.image"/>
 <div ng-hide="item.image" class="avatar" ng-if="!item.image">{{vm.initials(item.name)}}</div>

 vm.initials: function(fullName) {
            var initials = [];
            var k;
            initials.push(fullName[0]);
            for(var i=1 ; i<fullName.length ; i++){
                if(fullName[i]==' '){
                    initials.push(fullName[i+1].toUpperCase());
                }
            }
            if(initials.length == 1){
                initials.push(fullName[1]);
            }
            k  =  initials[0].toUpperCase();
            k+=initials[1];
            return k;

    }

{{vm.initials（item.name）}
vm.initials:函数（全名）{
变量首字母=[]；
var-k；
首字母缩写.push（全名[0]）；
对于（var i=1；iIt）来说，如果使用上面的方法来创建一个服务并将服务注入到您想要使用它的每个地方，那么它会更合适。好吧，我是使用factory实现的，但是没有一种方法可以使用目录来实现这一点吗？