anja boostrap widget demo

by lgersman

HTML

<script src="http://code.angularjs.org/1.1.5/angular.min.js"></script>
<div id="schnitzel">
    <div ng-controller="myController">
        <div 
            ng-init="test1 = data | orderBy:'name'"
        >
            WRONG:<br>
            {{test1}}
            !={{data | orderBy:'name'}}
        </div>
        
        <div 
            ng-init="test2 = (data | orderBy:'name')"
        >
            EXPECTED:<br>
            {{test2}}
            =={{data | orderBy:'name'}}
        </div>
    </div>        
</div>

JavaScript

var module = angular.module('angularexprbug', [])
.controller( 'myController', function( $scope) {
    $scope.data = [ { name : 'foo'}, { name : 'bar'}];
});

angular.element( window).ready( function() {
    angular.bootstrap( document.getElementById( 'schnitzel'), [ 'angularexprbug']);    
});