angularjs – 角度材料中的按钮组

我可以创建相同的功能吗?
http://angular-ui.github.io/bootstrap/(章节:按钮(ui.bootstrap.buttons)

使用角材料?

Angular-material有单选按钮指令但我不能使用它,因为我不想在标签的左侧有“点”.

Angular-material也有select指令,但它的功能不同.

我还有其他选择吗?

最佳答案
是的,你可以获得相同的功能.

普拉克:Done here

脚本:

 var app=angular.module('myApp',['ngMaterial'])
   .config(function($mdThemingProvider) {
     $mdThemingProvider.theme('primary')
    .primaryPalette('blue')
    .accentPalette('orange');
    })
    .controller('ctrl',function($scope){
        $scope.buttons={
          left:false,
          middle:false,
          right:false
         };
        var keys=Object.keys($scope.buttons);
        $scope.radioModel='middle';

        $scope.save=function(id){
            $scope.radioModel=keys[id];
        };

  });

HTML

 <section layout="row">
     <md-input-container>
       <input type="text" ng-model="radioModel"></input>
     </md-input-container>
 </section>
 <section layout="row">
  <md-button ng-click="save('0')" class="md-raised md-primary">left</md-button>
  <md-button ng-click="save('1')" class="md-raised md-primary">middle</md-button>
  <md-button ng-click="save('2')" class="md-raised md-primary">right</md-button> 
 </section>

转载注明原文:angularjs – 角度材料中的按钮组 - 代码日志