angularjs - 如何使用 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元素来初始化模型？