So it turns out my CORS issue was because my angular calls were being made on the client side. I had to set-up rails, make the $http call to the rails route, which would then make the $http call to the api, which would return the appropriate data to my angular view. Issues to deal with next: I can get the string url for the image, but not the actual image itself, to appear on the page.
got image loading to work by utilizing ng-src. Also changed the index to be a random recipe. Next: need to figure out how to get more than just the same 10 recipes everytime.