How can i run ajax inside angular ajax?
I have angular like this
Index.html
MyApp.controller('MainController',
function($scope, $http, $location , $compile) {
$scope.content_middle = 'Welcome';
$scope.goto = function(path){
$http.get( path ).success(function(response) {
$scope.content_middle = $compile(response)
});
}
}
);
And then some anchor
<a href="" ng-click="goto('user.html')">User</a>
This will load user.html with ajax.
User.html
<table class="table table-hover" ng-controller="UserController">
<thead>
<tr>
<th>No</th>
<th>Name</th>
<th>Username</th>
<th>Date</th>
<th>Action</th>
</tr>
</thead>
<tbody ng-repeat="user in users">
<tr>
<td>{{user.no}}</td>
<td>{{user.name}}</td>
<td>{{user.username}}</td>
<td>{{user.date}}</td>
<td></td>
</tr>
</tbody>
</table>
<script type="text/javascript">
// this will load data.txt with ajax angular
MyApp.controller('UserController',
function($scope, $http, $location) {
$http.get('data.txt').success( function(response) {
$scope.users = response;
});
}
);
</script>
Is that possible? Because i want to use it for dynamic call. I have use this kind of ways in AdvAjax and its magnificent.
Thanks