Issue with ng-repeat in Angular app
I'm currently facing an issue while using Foundation for Apps to develop an Angular application. The problem arises when trying to utilize ng-repeat to display the desired data from an object in the template home.html. Instead of the data being rendered, I encounter an error message in the console showing {{business.name}} instead.
Error Encountered:
Error: [ng:areq] Argument 'MainCtrl' is not a function, got undefinedGithub Repository Link:
Link:: https://github.com/onlyandrewn/angular
Snippet of app.js file:
(function() {
// Code block here...
})();
Snippet of index.html (with ng-app="application"):
<!doctype html>
<html lang="en" ng-app="application">
<head>
// Head content here...
</head>
<body>
// Body content here...
</body>
</html>
Snippet of home.html (with ng-controller="MainCtrl"):
---
name: home
url: /
---
// Home page content here...