AngularJS - Simple Directive Use

by Ankit Patidar

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<script src="http://code.angularjs.org/1.0.0/angular-1.0.0.js"></script>
<div ng-app="myApp">
    <ng-scroll-list>
        <div class="list-scrollable 1"></div>
        <div class="list-scrollable 2"></div>
    </ng-scroll-list>
</div>

JavaScript

angular.module('myApp', [])

.directive('ngScrollList', 
    function() {
      return {
        restrict: 'EAC',
        link: function(scope, element, attrs) {
          console.log(element[0].querySelector('.list-scrollable'))
        }
      };
    }
  );