Question

我在自定义指令中遇到一些问题，无法显示某些图像而不是下拉列表。但到现在为止，我仍然坚持从我的模板功能中显示正确的html。将图像路径直接写入模板会为斜杠之间的每个部分生成属性。例如：

'src="/path/to/image.jpg"'

更改为

src=" path"="" to="" "image.jpg"=""

我甚至试图在我的模型中添加这些路径，但结果如下：https://plnkr.co/edit/EGm5nk?p=preview

我找到了一个有效的例子，但找不到区别：http://plnkr.co/edit/nQbrSi?p=info

我的另外一个问题是：如何在我的指令中正确地处理列表？

编辑：这个错误是如此愚蠢而且容易监督

Answer 1

你错过了关闭类内部指令。改变

var html = '<div class="foobar">'+
'                    <div class="row"> '+
'                        <div class="col-xs-3 ng-repeat="'+ attrs.ttOptions + '"><img ng-src="{{item.path}}" /></div> '+
'                    </div> '+
'                </div>';
            return html;

到

.....<div class="col-xs-3" ng-repeat="'+ attrs.ttOptions .....

使用自定义属性和模板创建角度指令

1 个答案: