ng-init and ng-resource

http://angularjs.org/

by ncapito

HTML

<script src="http://code.angularjs.org/1.2.9/angular-resource.min.js"></script>
<div ng-controller="MyCtrl">
  <p>0) {{resource.foos}}</p>
  <p>1) {{get(resource)}}</p>
  <p ng-init='foos = get(resource)'>2) {{foos}}</p>
  <p ng-init='foos = get2(resource.foos)'>3) {{foos}}</p>
  <p ng-init='foos = resource.foos'>4) {{foos}}</p>
</div>

JavaScript

var myApp = angular.module('myApp',['ngResource']);
myApp.factory('Resource', ['$resource', function($resource) {
   // {'foos':[1, 2, 3]}
   return $resource('http://fiddle.jshell.net/echo/js/?js=%7B"foos"%3A%5B1%2C%202%2C%203%5D%7D');
}]);

function MyCtrl($scope, Resource) {
    $scope.resource = Resource.get();
    $scope.get = function(res) {
        console.log('Get called');
        return res.foos;
    };
    $scope.get2 = function(foos) {
        console.log('Get2 called');
        return foos;
    };
}