角度材料のmd-colorsディレクティブを持つ勾配

Question

角度材料md-colorsディレクティブを使ってグラデーションを行う方法があるのでしょうか？

https://material.angularjs.org/1.1.1/api/directive/mdColors

おかげ

Answer 1

それはmd-colorsディレクティブでは不可能に見えるものではありませんが、プログラム的にそれを行うことができます - CodePen

マークアップ

<div ng-controller="AppCtrl as ctrl" ng-cloak="" ng-app="MyApp" layout-fill layout-padding layout="column"> 
    <div style="background: linear-gradient({{ctrl.color1}}, {{ctrl.color2}})" flex></div> 
</div> 

JS

angular.module('MyApp',['ngMaterial']) 

.controller('AppCtrl', function($mdColors) { 
    this.color1 = $mdColors.getThemeColor('primary-600'); 
    this.color2 = $mdColors.getThemeColor('primary-100'); 
}); 

これはIEでは機能しません。 docsから：