I have been working on a weather forecasting web application using AngularJS. Here's a snippet of my code:
var myApp = angular.module("myApp", ["ngRoute", "ngResource"]);
myApp.config(function($routeProvider){
$routeProvider
.when('/',{
templateUrl : 'pages/home.htm',
controller : 'homeController'
})
.when('/forecast',{
templateUrl : 'pages/forecast.htm',
controller : 'forecastController'
})
});
myApp.service("cityService", function(){
})
myApp.controller("homeController", ['$scope','cityService', function($scope, cityService){
$scope.city = cityService.city;
$scope.$watch('city', function(){
cityService.city = $scope.city;
});
}]);
myApp.controller("forecastController", ['$scope','$resource','cityService', function($scope,$resource,cityService){
$scope.city = cityService.city;
$scope.weatherAPI =
$resource("http://api.openweathermap.org/data/2.5/weather",{
callback : "JSON_CALLBACK" }, {get : {method : "JSONP" }});
//below is line 41
$scope.weatherResult = $scope.weatherAPI.get({ q: $scope.city, appid: 9fc927759b42ed332b58471398219df0 });
console.log($scope.weatherResult);
}]);
I am encountering two errors:
Uncaught SyntaxError: Unexpected identifier app.js:41
Uncaught Error: [$injector:modulerr] angular.js:38 .
Despite implementing all necessary functions, these errors persist. Would appreciate any help or guidance to resolve this issue.