在AngularJS中使用itemprop属性

Question

我正在对使用AngularJS构建的购物车进行一些更改，我的任务之一是将itemprop属性添加到现有标记中，例如。

<span itemprop="color">{{colourOption.colour.code}}</span>

问题是这个值在Ajax调用返回后很晚才被插值，因此任何想要访问此itemprop的webcrawler或其他任何东西都不会获​​得插值，而是获取角度表达式。

有解决方法吗？

Answer 1

您可以使用ng-bind指令屏蔽网页抓取工具中的模板。

<div ng-bind='colourOption.colour.code'>This is search-engine friendly text.</div>