Struggling with setting up basic AngularJS functionality for a project, especially when trying to include angular-route. Both components are version 1.4.8. My approach involves using gulp-require to concatenate my JS files. Here is my main javascript file:
// =require ../components/jquery/dist/jquery.min.js
// =require ../components/angular/angular.js
// =require ../components/angular-route/angular-route.js
$(document).ready(function() {
// =require app/app.js
}); // Doc ready is done!
Here is my app.js file:
var app = angular.module('myApp', ['ngRoute']);
app.controller("ctrl", ["$scope", 'ngRoute', function($scope) {
$scope.test = "It works!";
}]);
All the files are concatenating correctly and the ng-app and ng-controller attributes are in place in my HTML file. Despite attempting various solutions such as adding/removing ngRoute injection or changing the order of the files, I'm still facing issues. This is frustrating as I have used Angular 1.4.5 similarly without any problems but can't replicate the same here even after reverting back. Unfortunately, variables like {{test}} in my HTML are not rendering, neither are basic operations like {{2 + 3}}.
UPDATE: The original error message I'm currently encountering can be found here:
UPDATE 2: Below are the parts of my HTML code where the app and controller are being called:
<html lang="en" ng-app="myApp">
<body ng-controller="ctrl">
</body>
</html>
I am utilizing nunjucks for dynamic generation of HTML, adjusting the syntax to avoid conflicts with Angular's double curly braces.