title: AngularJS pop up window
body: <p>I'm currently working on an AngularJS project where user inputs from a drop down list and a text box on a page can be displayed on a dialog box or a pop up window. For instance, selecting option of Mr and entering a name which is then displayed on the dialog box as "You're Mr YourName." The dialog box should show up when the user clicks the submit button. Just a simple frontend application with no backend technology. How can this be done? Any help? Thanks.</p>
  
  <pre><code>HTML
  </code></pre>
  
  <p></p>
  
  <pre><code>&lt;div&gt;
  &lt;label&gt;Pick a title:
    &lt;select ng-model="data. title"&gt;
      &lt;option value="Mr"&gt;Mr&lt;/option&gt;
      &lt;option value="Mrs"&gt;Mrs&lt;/option&gt;
    &lt;/select&gt;
  &lt;/label&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>  &lt;div&gt;
   &lt;label&gt;Type your name:
     &lt;input type="text" ng-model=" data. test"&gt;
   &lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>JS
  angular.module("app", [])
  .controller("ctrl", function($scope) {
  
  $scope.data = {
  title: "Mr",
  text: "test"
  }
  
  });
  </code></pre>