Highcharts-ng

A simple Angularjs directive for Highcharts. AngularJs, Highcharts

by jer2

HTML

<script src="http://code.angularjs.org/1.1.0/angular.js"></script>
<div ng-app="HelloApp">
    <div ng-controller="MyController">
        <br>
        <my-div cls="myClass" element-id="hello1">Hello!</my-div>
        <br>
        <input type="button" value="log ids" ng-click="logIds()"/>
    </div>
</div>

CSS

.myClass {
    background-color: #DA0000;
}

JavaScript

angular.module('components', [])
    .controller('MyController', function ($scope) {
         
        $scope.logIds = function() {
            var arr = document.getElementsByClassName('myClass');
            for (var i = 0; i < arr.length; i++) {
                console.log(arr[i].id);
            }
        }
        
        $scope.logIds();
        
    }).directive('myDiv', function () {
        return {
            restrict: 'E',
            replace: true,
            scope: {
                cls: '@',
                elementId: '@'
            },
            transclude: true,
            template: '<div class="{{cls}}" id="{{elementId}}"><div ng-transclude></div></div>'
        }              
    });

angular.module('HelloApp', ['components'])