为什么我不能使用Angular将此图像作为链接?

时间:2016-01-31 18:48:26

标签: javascript angularjs

我的Angular视图中有以下内容:

    <a ui-sref="mystate({'stateParam1': 99, 'stateParam1': 98})" ng-bind="myCtrl.something.something.username">
    </a>

    <img ng-src="http://www.gravatar.com/avatar/{{myCtrl.something.something.md5Email}}"/>

完美无缺。我看到了一个链接(用于我的用户名),后面是我自己的Gravatar图片。

但实际上我希望我的图片和用户名都在链接的正文中。我怎样才能做到这一点?我尝试了以下但它只显示了我的用户名,而不是图像:

    <a ui-sref="mystate({'stateParam1': 99, 'stateParam1': 98})" ng-bind="myCtrl.something.something.username"> 
      <img ng-src="http://www.gravatar.com/avatar/{{myCtrl.something.something.md5Email}}"/>
    </a>

1 个答案:

答案 0 :(得分:0)

似乎ng-bing会更改标签中的整个文字。那么封装一个标签所包含的内容正在随着ng-bind中的模型而改变,该模型被更改为文本。 我认为Angular需要<a>xx</a>并将其设置为变量。

var c = xx;
c = ng-bind
<a>c</a>

所以在结果中我们有来自ng-bind的数据的新变量。

你可以在ng-bind中使用img吗?