I am a beginner in AngularJS and I am trying to grasp its concepts by studying example codes.
Currently, I have found an interesting code snippet that involves the $http.get function. You can find it here:
I attempted to replace the URL with my own, but unfortunately, it did not work as expected. This has left me extremely perplexed. If anyone could provide assistance, it would be greatly appreciated. Thank you!
=========================
Update: Many thanks for all the helpful responses! It seems that using "double ng-app" was indeed a mistake, but upon further investigation, I realized that it is not the primary cause of this issue. My intuition tells me that this problem may be related to cross-site blocking. I've already disabled it on my API (I'm utilizing CodeIgniter REST API and set $config['csrf_protection'] = FALSE;), but I'm uncertain about how to properly configure it. Any guidance regarding this matter would be highly valued.
<!DOCTYPE html>
<html>
<head>
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
</head>
<body ng-app="myApp">
<div ng-controller="customersCtrl">
<ul>
{{names}}
</ul>
</div>
<div ng-controller="myCtrl">
<ul>
{{names}}
</ul>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('customersCtrl', function($scope, $http) {
$http.get("http://www.examplewebsite.com/Customers_JSON.php")
.success(function (response) {$scope.names = response;});
});
app.controller('myCtrl', function($scope, $http) {
$http.get("https://api.examplewebsite.com/colors2.php")
.success(function (response) {$scope.names = response;});
});
</script>
</body>
</html>