AngularJS how to angular.element

AngularJS how to angular.element

by samu_eyes

HTML

<script src="http://code.angularjs.org/1.2.14/angular.js"></script>
<div ng-app="myApp">
    <div ng-controller="myCtrl">
        <dl> <dt>angular.element</dt>

            <dd id="count">{{count}}</dd> <dt>ngClick</dt>

            <dd>{{count}}</dd>
        </dl>
        <button onClick="addCount()">addCounter</button>
        <button ng-click="addCountByNgClick()">addCountByAngular</button>
    </div>
</div>

JavaScript

var myApp = angular.module('myApp', []);

myApp.controller('myCtrl',

function ($scope) {
    $scope.count = 10;
    $scope.addCountByNgClick = function () {
        $scope.count++;
    }
});

function addCount() {
    var now = angular.element(count).html();
    angular.element(count).html(++now);
}