如何通过providers / .config（）制作可配置的指令？

Question

问题：我想制作一个像这样的指令：

svg-icon('company-logo')

我最终也喜欢这个（jade / html）：

svg-icon('company-logo', { height: '3em', width: '3em'})

<svg-icon company-logo height="3em" width="3em"/>

我希望它返回一个带有正确徽标的svg模板。我也希望某些参数可以配置，如填充颜色，高度和宽度。我已经做了第一次尝试，这是第一个片段：

https://gist.github.com/anonymous/9be8f111591b15fde9be

现在除了不工作之外发生的事情是iconConfig和iconConfigProvider的提供程序命名空间错误和各种注入器警告。我想知道我做错了什么以及我应该如何解决这个问题。

我正在看一些博文来帮助：

Creating Configurable Angular Directives with Providers

AngularJS: Factory vs Service vs Provider

最后，Angular自己的文档：

Provider Recipes

我仍然不知道该怎么做。