title: AngularJS questions change based on previous answers
body: <p>I am creating an application in which I would like my app to have the below functionality in AngularJS.
  Whenever I answer my first question, the next question should change based on my previous selection. I want to use purely Angular to solve this issue.
  Could anyone please help me achieve this ?</p>
  
  <p>Related code: </p>
  
  <p><a href="https://plnkr.co/edit/XSNIGn0SkDKy1DgYNWkc?p=preview" rel="nofollow noreferrer">https://plnkr.co/edit/XSNIGn0SkDKy1DgYNWkc?p=preview</a></p>
  
  <p>I have added all the required files, though the plunker won't work</p>
  
  <p>Directive:</p>
  
  <pre><code>(function() {
      "use strict";
  
      var questionDir = function () {
          return {
              restrict: 'E',
              transclude: true,
              scope: {
                config: '='
              },
              link: function(scope, element, attrs, tabsCtrl) {
  
              },
              templateUrl: 'question.html'
          };
      }
  
      angular.module('questionnaire.directive')
          .directive('question', questionDir);
  }());
  </code></pre>