Pregled code-a:
<!DOCTYPE HTML> <html lang="hr"> <head> <meta charset="UTF-8"> <title>AngularJS - $location</title> </head> <body ng-app="mojApp"> Primjer pokazuje upotrebu sevisa <b>$location</b> kao settera. Pratiti URL u address baru browsera. <br>Kliknuti na <a href="60location_setters.html">60location_getters.html</a> radi refresha stranice. <hr> <br><br> <div ng-controller="MojCtrl"> <input size="35" ng-model="noviHash"> <button ng-click="set_hash()">Izmijeni hash</button> <br><input size="35" ng-model="noviPath"> <button ng-click="set_path()">Izmijeni path</button> <br><input size="35" ng-model="noviSearch"> <button ng-click="set_search()">Izmijeni search</button> <br><input size="35" ng-model="noviUrl"> <button ng-click="set_url()">Izmijeni url</button> <br> <br><button ng-click="set_null()">Resetiraj na NULL</button> <br><br><br> <button ng-click="getinfo()">getInfo</button> <br><b>$location.absUrl() daje</b> {{abs}} <br><b>$location.hash() daje</b> {{has}} <br><b>$location.host() daje</b> {{hst}} <br><b>$location.path() daje</b> {{pth}} <br><b>$location.protocol() daje</b> {{prt}} <br><b>$location.search() daje</b> {{sch}} <br><b>$location.url() daje</b> {{url}} </div> <script src="../angularjs/1.2.9/angular.min.js"></script> <script> var mojModul = angular.module('mojApp', []); mojModul.controller('MojCtrl', function($scope, $location){ //init $scope.noviHash = 'mojHash'; $scope.noviPath = '/noviPath'; $scope.noviSearch = 'stranica=15&clanak=12'; $scope.noviUrl = '/noviPut?a=plavo%20more'; //$location setteri $scope.set_hash = function(){ $location.hash($scope.noviHash); } $scope.set_path = function(){ $location.path($scope.noviPath); } $scope.set_search = function(){ $location.search($scope.noviSearch); } $scope.set_url = function(){ $location.url($scope.noviUrl); } $scope.set_null = function(){ $location.hash(''); $location.path(''); $location.search(''); $location.url(''); } //$location getter info $scope.getinfo = function(){ $scope.abs = $location.absUrl(); $scope.has = $location.hash(); $scope.hst = $location.host(); $scope.pth = $location.path(); $scope.prt = $location.protocol(); $scope.sch = $location.search(); $scope.url = $location.url(); } }); </script> </body> </html>
Pregled stranice:
Pogledaj stranicu
../javascript/angularjs/primjeri/60location_setters.html
.