Angularjs 角度材质标记呈现为html标记

目前我需要将HTML转换为PDF，因为我使用角度材质输入来呈现UI，所以PDF转换工具无法识别角度材质标记

需要知道框架中是否有任何方法或设置，可以在浏览器中将角度材质标记呈现为HTML

下面是呈现角度材质的HTML

<div ng-controller="AppCtrl" ng-cloak>
    <md-content class="md-padding" layout="row" layout-wrap layout-align="center start" layout-xs="column">
        <div flex="50" flex-sm="100" flex-xs="100" layout="column">
          <md-card>
            <md-card-title>
              <md-card-title-text>
                <span class="md-headline">Card with image</span>
                <span class="md-subhead">Large</span>
              </md-card-title-text>
              <md-card-title-media>
                <div class="md-media-lg card-media"></div>
              </md-card-title-media>
            </md-card-title>
            <md-card-actions layout="row" layout-align="end center">
              <md-button>Action 1</md-button>
              <md-button>Action 2</md-button>
            </md-card-actions>
          </md-card>      
        </div>    
    </md-content>
</div>

带图像的卡片
大的
行动1
行动2

您是否尝试在指令中首先使用

$compile

编译代码？实际上，在浏览器中呈现没有任何问题，它会按预期呈现。但它使用角度材质标记进行渲染，就像PDF转换工具dosent所理解的那样。