Как сделать радиовход в выпадающем списке

Question

В ангуляриях и материалах.

выбор в выпадающем списке, радио не в выпадающем списке

Codepen

Как сделать радиовход также в выпадающем меню? я должен кодировать это полностью один? или есть какие-то скрытые свойства?

    <div class="radioButtondemoBasicUsage" ng-app="MyApp">
  <form ng-controller="AppCtrl" ng-cloak="">
    <p>Selected Value: <span class="radioValue">{{ data.group1 }}</span> </p>

    <md-radio-group ng-model="data.group1">

      <md-radio-button value="Apple" class="md-primary">Apple</md-radio-button>
      <md-radio-button value="Banana"> Banana </md-radio-button>
      <md-radio-button value="Mango">Mango</md-radio-button>
    </md-radio-group>

    <hr>
      <div>
        <span>What is your favorite weapon?</span>
        <md-select ng-model="weapon" placeholder="Weapon" class="md-no-underline">
          <md-option value="axe">Axe</md-option>
          <md-option value="sword">Sword</md-option>
          <md-option value="wand">Wand</md-option>
          <md-option value="pen">Pen?</md-option>
        </md-select>
      </div>


  </form>
</div>