It's my blogger article for http://programer-learn.blogspot.com/2015/03/angularjs-bootstrap-dropdown-directive.html

app.js

angular.module("demoApp", ['ng.bs.dropdown'])
  .controller("YearController", function($scope){
        $scope.years = [
            "2015",
            "2014",
            "2013",
            "2012",
            "2011",
            "2010"
        ];
        $scope.selectYear = $scope.years[2];  //current select item

        /*changeYear function will be called if dropdown change*/
        $scope.changeYear = function(){
            console.log("YearController say... " + $scope.selectYear);
        }
    });

app1.js

angular.module("demoApp", ['ng.bs.dropdown'])
  .controller("DividerController", function($scope){
    $scope.actions = [
	"Action",
	"Another action",
	"Something else here",
	"separated link1",
	"Action anain",
	"Nothing else",
	"separated link2"
    ];
    $scope.selectAction = null;
});

index.html

<script src="dist/bsDropdown.min.js"></script>
//.......
<div ng-controller="YearController">
            <h4>You select {{selectYear}} ....</h4><br/>
            <div bs-dropdown 
                 bs-dropdown-display="MyDropDown" 
                 bs-dropdown-items="years" 
                 ng-model="selectYear" 
                 ng-change="changeYear()"></div>
</div>

index1.html

<script src="dist/bsDropdown.min.js"></script>
//.......
<div ng-controller="DividerController">
            <div bs-dropdown 
	     bs-dropdown-display="MyDropDown" 
	     bs-dropdown-items="actions" 
	     bs-dropdown-divider="{{[2,5]}}" 
	     ng-model="selectAction"></div>