<!DOCTYPE html>
<
html
ng-app
=
"gfg"
>
<
head
>
<
script
src
=
</
script
>
<
script
src
=
</
script
>
<
script
src
=
</
script
>
<
script
src
=
</
script
>
<
script
>
// Adding Modules
angular.module('gfg', ['ngAnimate', 'ngSanitize', 'ui.bootstrap']);
angular.module('gfg').controller('button', function ($scope) {
});
</
script
>
<
link
href
=
rel
=
"stylesheet"
>
</
head
>
<
body
>
<
div
ng-controller
=
"button"
>
<
div
class
=
"btn-group"
uib-dropdown>
<
button
type
=
"button"
class
=
"btn btn-success"
>Click</
button
>
<
button
type
=
"button"
class
=
"btn btn-success"
uib-dropdown-toggle>
<
span
class
=
"caret"
></
span
>
</
button
>
<
ul
class
=
"dropdown-menu"
uib-dropdown-menu
role
=
"menu"
aria-labelledby
=
"split-button"
>
<
li
role
=
"menuitem"
>1st</
li
>
<
li
role
=
"menuitem"
>2nd</
li
>
<
li
role
=
"menuitem"
>3rd</
li
>
<
li
role
=
"menuitem"
>5th</
li
>
</
ul
>
</
div
>
<
div
class
=
"btn-group"
uib-dropdown>
<
button
type
=
"button"
class
=
"btn btn-danger"
>Click</
button
>
<
button
type
=
"button"
class
=
"btn btn-danger"
uib-dropdown-toggle>
<
span
class
=
"caret"
></
span
>
</
button
>
<
ul
class
=
"dropdown-menu"
uib-dropdown-menu
role
=
"menu"
aria-labelledby
=
"split-button"
>
<
li
role
=
"menuitem"
>1st</
li
>
<
li
role
=
"menuitem"
>2nd</
li
>
<
li
role
=
"menuitem"
>3rd</
li
>
<
li
role
=
"menuitem"
>5th</
li
>
</
ul
>
</
div
>
<
div
class
=
"btn-group"
uib-dropdown>
<
button
type
=
"button"
class
=
"btn btn-warning"
>Click</
button
>
<
button
type
=
"button"
class
=
"btn btn-warning"
uib-dropdown-toggle>
<
span
class
=
"caret"
></
span
>
</
button
>
<
ul
class
=
"dropdown-menu"
uib-dropdown-menu
role
=
"menu"
aria-labelledby
=
"split-button"
>
<
li
role
=
"menuitem"
>1st</
li
>
<
li
role
=
"menuitem"
>2nd</
li
>
<
li
role
=
"menuitem"
>3rd</
li
>
<
li
role
=
"menuitem"
>5th</
li
>
</
ul
>
</
div
>
</
div
>
</
body
>
</
html
>