Pregled code-a:
<!DOCTYPE HTML> <html lang="hr"> <head> <meta charset="UTF-8"> <title>AngularJS - $http.get()</title> </head> <body ng-app="mojApp" ng-controller="MojCtrl"> Primjer pokazuje učitavanje txt fajla, html fajla, slike <br> upotrebom GET metode <b>$http.get()</b>. <hr> <h4>Izaberi fajl za učitavanje.</h4> <input type="radio" name="file" ng-model="fileName" value="65ajax_source.txt"> 65ajax_source.txt <br><input type="radio" name="file" ng-model="fileName" value="65nepostojeci_fajl.html"> 65nepostojeci_fajl.html <br><input type="radio" name="file" ng-model="fileName" value="65ajax_source.html"> 65ajax_source.html <br><input type="radio" name="file" ng-model="fileName" value="65ajax_source.json"> 65ajax_source.json <br><input type="radio" name="file" ng-model="fileName" value="../slike/angularJS.jpe"> ../slike/angularJS.jpe <br> <br><input size="35" ng-model="fileName"> <button ng-click="http_get()">UČITAJ</button> <br><br> ng-bind-html <p style="border:1px solid green;width:500px;height:200px;" ng-bind-html="izlaz"></p> <br> {} <p style="border:1px solid red;width:500px;height:200px;">{{izlaz}}</p> <script src="../angularjs/1.2.9/angular.min.js"></script> <script src="../angularjs/1.2.9/angular-sanitize.min.js"></script> <script> var mojModul = angular.module('mojApp', ['ngSanitize']); mojModul.controller('MojCtrl', function($scope, $http){ //init $scope.izlaz = 'Ovdje će se nakon klika na dugme UČITAJ učitati sadržaj!'; $scope.http_get = function(){ $http.get($scope.fileName) .success(function(response) { $scope.izlaz = response; }).error(function(){ $scope.izlaz = 'Nije učitana stranica'; }); } }); </script> </body> </html>
Pregled stranice:
Pogledaj stranicu
../javascript/angularjs/primjeri/65http_get.html
.