title: AngularJS Multiple ng-app within a page
body: <p>I have just started learning Angular JS and created some basic samples however I am stuck with the following problem.</p>
  
  <p>I have created 2 modules and 2 controllers.</p>
  
  <pre><code>shoppingCart -&gt; ShoppingCartController
  namesList -&gt; NamesController
  </code></pre>
  
  <p>There are associated views for each controller. The first View renders fine but second is not rendering. There are no errors.</p>
  
  <p><a href="http://jsfiddle.net/ep2sQ/">http://jsfiddle.net/ep2sQ/</a></p>
  
  <p>Please help me solve this issue.</p>
  
  <p>Also is there any possibility to add console in View to check what values are passed from Controller.</p>
  
  <p>e.g. in the following div can we add console.log and output the controller values</p>
  
  <pre><code>&lt;div ng-app="shoppingCart" ng-controller="ShoppingCartController"&gt;
  &lt;/div&gt;
  </code></pre>