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 要素をループしてモデルを初期化できる方法があるのだろうか?