title: is possible to have ng-include inside option element?
body: <p><br>
  I am trying to change template of option on the fly for a select element. Here is what I am trying to do, I have select option, which will allow user to select what kind of information they want to see when selecting a student. If the user chose 'Basic' then I show only Id and Name properties of Student class. If the user chooses 'Detail' then I show, Id, Name and Grade. The current implementation is </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html ng-app&gt;
  &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;script type="text/ng-template" id="Basic"&gt;
          &lt;select ng-model="selectedItem"&gt;
          &lt;option ng-repeat="student in Students"&gt;
             {{student.Id}} - {{student.Name}}
          &lt;/option&gt;
          &lt;/select&gt;
      &lt;/script&gt;
       &lt;script type="text/ng-template" id="Detail"&gt;
          &lt;select ng-model="selectedItem"&gt;
          &lt;option ng-repeat="student in Students"&gt;
             {{student.Id}} - {{student.Name}} -- {{student.Grade}}
          &lt;/option&gt;
          &lt;/select&gt;
      &lt;/script&gt;
  &lt;/head&gt;
      &lt;body&gt;
          &lt;div ng-controller="TemplateCtrl"&gt;
              Details Level: &lt;select ng-model="detailLevel" ng-options="c.Id for c in Details"&gt;&lt;/select&gt;
              &lt;div ng-include="detailLevel.Id"&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js"&gt;&lt;/script&gt;
          &lt;script src="Scripts/TemplateCtrl.js"&gt;&lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><br> As you can see I am duplicating the code in both the ng-template 'Basic' and 'Detail'. Initially I was trying something like the following</p>
  
  <pre><code>&lt;script type="text/ng-template" id="Basic"&gt;
             {{student.Id}} - {{student.Name}}
      &lt;/script&gt;
  &lt;script type="text/ng-template" id="Detail"&gt;
             {{student.Id}} - {{student.Name}} -- {{student.Grade}}
      &lt;/script&gt;
  </code></pre>
  
  <p><br> but when I try to do ng-include in side  tag, browsers did not like.  I might be missing something simple here, what I am doing wrong to create the duplicate code smell here?
  Thanks,</p>