md-switch/md-button innerhalb der md-karte

Question

Ich möchte md-switch und md-button innerhalb der md-card zeigen. Ich bin in der Lage, Text innerhalb der MD-Karte an der richtigen Stelle zu zeigen, aber Schalter, der mit diesem Text verbunden wird, wird an einer anderen Position gezeigt.

Die Karte wird dem Benutzer beim Überfahren einiger Inhalte angezeigt.

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

Ich bin mir nicht sicher, ob ich Ihre Frage Titel und Inhalt Frage folgen, aber hier ist ein Beispiel von Elementen innerhalb einer Karte platzieren - CodePen

Ist dies nicht genau das, was Sie Brauch bitte weiter in einem Schnitt erklären.

Markup

<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>