我可以对预呈现的服务器端html元素应用angularjs ng repeat指令吗？

我想使用AngularJS对div元素列表进行过滤和排序，但出于SEO原因，我需要这个div列表（实际上是整个页面）已经在页面后端以Velocity的形式呈现在页面上

我希望在ng repeat中使用“track by”可以通过在div标记上设置ng bind属性，并在每个div中呈现ng repeat来实现这一点，因此它看起来与我检查AngularJS呈现的div列表时一样。Velocity上下文和AngularJS模型都包含相同的设备列表

#foreach($device in $deviceList)
  <div class="tile" ng-repeat="device in deviceList track by device.model" ng-bind="device.model">
  <span ng-bind="device.brand">${deviceList.brand}</span>
  <span ng-bind="device.model">${deviceList.brand}</span>
</div>
#end    

#foreach（$deviceList中的设备）
${deviceList.brand}
${deviceList.brand}
#结束

但这只是将每个项目渲染三次。“速度”（Velocity）渲染ng重复div，该div本身为每个对象渲染。track by不会将每个Velocity渲染div的标识与其自己的内容链接起来

---

有什么想法吗？

解决这个问题你运气好吗？我在处理同样的问题。。。你用了什么样的方法？