Toggle button not displayed when using md-switch angular material directive

Question

// i have created switchDemo1 module and controller SwitchDemoCtrl. // scope data object is defined with initial value.

angular.module('switchDemo1', ['ngMaterial'])
.controller('SwitchDemoCtrl', function($scope) {
  $scope.data = {
    cb1: true,
    cb4: true,
    cb5: false
  };

// code in view
    <md-switch ng-model="data.cb1" aria-label="Switch 1">
            Switch 1: {{ data.cb1 }}
    </md-switch>

Sajeetharan · Accepted Answer · 2016-11-30 05:36:32Z

2

<body ng-controller="SwitchDemoCtrl" layout="row" layout-fill layout-align="space-around center">
  <md-switch ng-model="data.cb1" aria-label="Switch 1">
    Switch 1: {{ data.cb1 }}
  </md-switch>
</body>

DEMO

answered Nov 30, 2016 at 5:36

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

dev verma Over a year ago

Toogle button is not displayed only 'Switch 1: true' text display on page.

Sajeetharan Over a year ago

@devverma no it displays, check the demo

dev verma Over a year ago

Yes,it occur only on my side.Is it require jquery?

Sajeetharan Over a year ago

@devverma you got it sorted?

dev verma Over a year ago

Yes,Actually i missed to include DI 'ngMaterial' my code.

|

Collectives™ on Stack Overflow

Toggle button not displayed when using md-switch angular material directive

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related