Untitled

<!DOCTYPE html>
<html>

  <head lang="en">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.js"></script>
    <script src="app.js"></script>
  </head>
  
  <body ng-app="myApp">
    <form name="myForm" ng-controller="FormCtrl">
      
      <div>Input 1: <input name="one" ng-model="store.one" required></div>
      <br/>
      <a ng-click="show = !show || null">Show|Hide Input 2</a><br/>
      <div ng-show="show">Input 2: <input name="two" ng-model="store.two" required="{{show}}"></div>
      <br/>
      <div>Valid: {{myForm.$valid}}</div>
      <div>Pristine: {{myForm.$pristine}}</div>
      <div>Dirty: {{myForm.$dirty}}</div>
      <div>Error: {{myForm.$error}}</div>
    </form>
  </body>
  
</html>

var app = angular.module('myApp',[]);

app.controller('FormCtrl', function($scope) {
});