md开关/md-卡内的md按钮

Question

我想展示md-card内的md-switch和md-button。我能够在md-card内的正确位置显示文本，但连接到该文本的开关显示在其他位置。

当鼠标悬停在某些内容上时，会向用户显示卡片。

DemoCode.html

<md-card>
        <md-card-header>
            <md-card-header-text>
                Sample 1
            </md-card-header-text>
        </md-card-header>
        <md-card-content>
        </md-card-content>
        <md-card-actions>
                <md-switch ng-model="data.cb2" aria-label="Switch" ng-true-value="'true'" ng-false-value="'false'">
                    {{ data.cb2 }}
                </md-switch>
        </md-card-actions>
    </md-card>    

Answer 1

我不确定我是否理解了您的问题标题和问题内容，但这里有一个在卡片中放置元素的示例-- CodePen

如果这不是您所需要的，请在编辑时进一步解释。

标记

<div ng-controller="AppCtrl" ng-cloak="" ng-app="MyApp">
  <md-card>
    <md-card-header layout="row">
      <md-card-header-text>
        Sample 1
      </md-card-header-text>
    </md-card-header>
    <md-card-content>
    </md-card-content>
    <md-card-actions layout="row" layout-align="start center">
      <label>My Switch</label>
      <md-switch ng-model="data.cb2" aria-label="Switch" ng-true-value="'true'" ng-false-value="'false'">
        {{ data.cb2 }}
      </md-switch>
      <md-button class="md-raised">Hello</md-button>
    </md-card-actions>
  </md-card>
</div>