Properties Selector in AngularJS

http://angularjs.org/

by codef0rmer

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<span style="width:100px;font-size: 30px;font-style:italic" onclick="broadcast(this)">
    Click Me
</span>

<div ng-controller="MyCtrl">
    {{props}}
    <div ng-repeat="property in props">
        {{property.name}} : {{property.value}}
    </div>    
</div>

JavaScript

function broadcast(target) {   
angular.element($('body')).scope().$broadcast('loadPropertiesBroadcast', {data: $(target).attr('style')});
}

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

function MyCtrl($scope) {
    var arrProp = [], arrPair = [];
    
    $scope.$on('loadPropertiesBroadcast', function(event, data) {
        arrProp = [];
        data.data.split(';').forEach(function(pair) {
            var objPair = {}
            arrPair = pair.split(':');
            arrProp.push({
                'name': arrPair[0],
                'value': arrPair[1]                
            });
        });
        $scope.props = 'amit';
    });
}