title: AngularJS: Pass a JSON Object to a Modal
body: <p>I have a modal to display some user information, much like a profile:</p>
  
  <pre><code>&lt;!-- Modal --&gt;
   &lt;div id="modalBoy-z" class="modal hide fade in" style="display: none; "&gt;  
     &lt;div class="modal-header"&gt;  
       &lt;a class="close" data-dismiss="modal"&gt;×&lt;/a&gt;  
       &lt;h3&gt;User Profile&lt;/h3&gt;  
   &lt;/div&gt;
      &lt;div ng-controller=""&gt;  
        &lt;h3&gt;Name: &lt;/h3&gt;  
        &lt;h3&gt;Email: &lt;/h3&gt;
        &lt;h3&gt;Join Date: &lt;/h3&gt;
        &lt;h3&gt;Role: &lt;/h3&gt;
        &lt;h3&gt;Status: &lt;/h3&gt;
      &lt;/div&gt;  
      &lt;div class="modal-footer"&gt;  
       &lt;a href="#" class="btn" data-dismiss="modal"&gt;Close&lt;/a&gt;  
      &lt;/div&gt; 
  </code></pre>
  
  <p>Here is the JSON object of the user information:</p>
  
  <pre><code>{
      "id": "8311...",
      "meta": {
        "created": 1355860257840,
        "updated": 1355860257840
      },
      "profile": {
        "id": "https://project.dev:0000/profiles/admin",
        "type": "Profile",
        "vocSlug": "admin",
        "email": "admin@getsomething.com",
        "label": "System Administrator",
        "vocRole": [
          "role_administrator",
          "system_administrator",
          "profile_administrator"
        ],
        "Status": "active"
      }
    },
  </code></pre>
  
  <p>How do I display the JSON object into the modal div? Would my ng-controller go in the div? I've just been using AngularJS for the past 3 weeks and am still getting accustomed
  with its MVC.</p>