Add md-radio with valueProp and labelProp

Author: Kamil Kisiela

CHANGELOG.md

@@ -5,6 +5,7 @@ This project adheres to [Semantic Versioning](http://semver.org/).
 ## [Unreleased]
 ### Added
 - Support for md-select
+- Support for md-radio with valueProp and labelProp options
 
 ## [0.0.4] - 2015-11-13
 ### Removed

README.md

@@ -30,7 +30,6 @@ angular.module('myAppName', [
 ```
 
 # Components
-
 _rest of angular-material directive in near future_
 
 ## Fields
@@ -46,13 +45,16 @@ _rest of angular-material directive in near future_
 - ngMessages
 
 ## Roadmap
+
 - [ ] add md-chips
 - [ ] add md-datepicker
 - [ ] add md-icon wrapper
 - [ ] add md-radio-button and md-radio-group
 - [x] add md-select
 - [ ] add groups to md-select
-- [ ] add roupProp, valueProp, labelProp to md-select
+- [ ] add groupProp, valueProp, labelProp to md-select
+- [x] add md-radio with valueProp and labelProp
+- [ ] add groupProp to md-radio
 - [ ] e2e tests
 
 Requests (?). Post an issue.

lib/client/types/radio/radio.js

@@ -0,0 +1,11 @@
+var {SetModule} = angular2now;
+
+SetModule('formlyMaterial')
+    .config((formlyConfigProvider, formlyMaterialProvider) => {
+
+        formlyConfigProvider.setType({
+            name: 'radio',
+            templateUrl: formlyMaterialProvider.templateUrl('lib/client/types/radio/radio.ng.html')
+        });
+
+    });

lib/client/types/radio/radio.ng.html

@@ -0,0 +1,7 @@
+<md-radio-group ng-model="model[options.key]">
+    <md-radio-button
+            ng-repeat="option in to.options"
+            ng-value="option[to.valueProp || 'value']">
+            {{option[to.labelProp || 'name']}}
+    </md-radio-button>
+</md-radio-group>

package.js

@@ -69,7 +69,11 @@ Package.onUse(function (api) {
 
         // select
         'lib/client/types/select/select.js',
-        'lib/client/types/select/select.ng.html'
+        'lib/client/types/select/select.ng.html',
+        
+        // radio
+        'lib/client/types/radio/radio.js',
+        'lib/client/types/radio/radio.ng.html'
 
     ], client);