md-form-builder/src/controls/mdfbMatrix.html

AngularJS - Material Design - Form Builder

<md-input-container>
  <div class="matrix">
    <div class="matrix-row" flex layout="row">
      <span class="matrix-cell" flex="50"></span>
      <span class="matrix-cell matrix-cell-header" flex ng-repeat="column in field.config.columns track by $index">{{column.value}}</span>
    </div>
    <div class="matrix-row" ng-repeat="row in field.config.rows track by $index" layout="row">
      <span class="matrix-cell" flex="50" layout="column" layout-align="center">{{row.value}}</span>
      <!-- TODO: Needs to be configured properly to receive correct values -->
      <md-radio-group 
        name="{{row.id}}" 
        ng-model="row.selected" 
        ng-change="MatrixView._updateValidity()" flex layout="row">
        <span class="matrix-cell radio-button-cell" flex ng-repeat="column in field.config.columns track by $index">
        <md-radio-button value={{column.value}} aria-label="..."></md-radio-button>
        </span>
      </md-radio-group>
    </div>
  </div>

  <div ng-messages="MatrixView.form.$error">
    <div ng-message="required">This is required</div>
  </div>
</md-input-container>