如何使用Angular js处理现有的html元素

Question

我陷入了必须使用一些预先生成的html元素的位置。例如，我有一个像这样的列表

<ul>
  <li class="product>
    <div class="name">product 1</div>
    <div class="price">$199</div>
  </li>
  <li class="product>
    <div class="name">product 2</div>
    <div class="price">$299</div>
  </li>
</ul>

由于AngularJs一直在通过js谈论动态生成的内容，我想知道是否有一种方法可以循环预先生成的html元素来初始化模型？