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="myctrl">
        <input type="button" value="Set Text" ng-click="setMyText($event)"/>
        <br/><br/>
        My Text is:  {{myText}} <span hello-world what-to-set="it"></span>
    </div>
</div>

JavaScript

angular.module('components', [])
    .controller('myctrl', function ($scope) {
        
        var count = 0;
        
        $scope.myText = '[default text]';
        $scope.setMyText = function(event) {
            ++count;
            $scope.myText = 'Hello World (' + count + ' times)!';
            console.log(event);
        }
    })
    .directive('helloWorld', function () {
        return {
            restrict: 'A',
            scope: {
                whatToSet: '@'
            },
            template: '<br><br><input type="button" id="{{whatToSet}}" value="set {{whatToSet}} again" ng-click="setMyText($event)"/>'

        }
    })

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