carusology

<template>
  <div>
    <select md-select="label: this label is always grey" value.two-way="selectedMeal">
      <option disabled selected>Select your meal</option>
      <option repeat.for="meal of food" model.bind="meal">${meal.name}</option>
    </select>

    <a md-button="label: 'foo', flat: true;" md-waves click.trigger="setSelectedMeal()" class="accent-text">select steak</a>
    You selected: ${selectedMeal | stringify}
  </div>

carusology

<template>
  <div>
    <form element.ref="form">
    <md-input md-label="put some text here" md-value.bind="textValue" md-disabled.bind="disabledValue"></md-input><br />
    You entered: ${textValue}<br />
    <button md-button="flat: true;" md-waves class="accent-text" click.delegate="setText()">set text to something</button>
	<button md-button="flat: true;" md-waves class="accent-text" click.delegate="setDisabled()">Toggle Input Disabling</button>
  </form>
  <button md-waves class="accent-text" click.delegate="reset()">Reset</button>
  </div>