2016-11-06 125 views
0

我使用Angular Material制作一个简短的应用程序。我有一组md按钮,每个都有不同的标题。如何获得点击的按钮或点击时如何获得按钮的标题?如何获得md按钮标题

回答

0

在这里你去 - CodePen

标记

<div ng-controller="AppCtrl as ctrl" ng-cloak="" ng-app="MyApp"> 
    <div layout="column" layout-align="start start"> 
    <md-button ng-repeat="button in ctrl.buttons" 
       class="md-raised md-primary" 
       ng-click="ctrl.click($index)">{{button}}</md-button> 
    Button caption: {{ctrl.selectedButton}} 
    </div> 
</div> 

JS

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

.controller('AppCtrl', function() { 
    this.buttons = ["Car", "Train", "Plane", "Rocket"]; 

    this.click = function (index) { 
    this.selectedButton = this.buttons[index]; 
    } 
});