How to work with existing html elements with Angular js

I'm stuck in the position where I have to work with some pre-generated html elements. For example I have a list like this

<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>

Since the AngularJs has been talking all about dynamically generated content via js, I wonder if there is a way that I can loop through the pre-generated html elements to initialize the models?