<!DOCTYPE html>
<html ng-app="githubViewer">
<head>
<script data-require="angular.js@1.3.0-beta.5" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script>
<script data-require="angular-route@1.2.14" data-semver="1.2.14" src="https://code.angularjs.org/1.2.14/angular-route.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body>
<h1>Github Viewer</h1>
<div ng-controller="MainController">
<input type="submit" value="Search" ng-click="getUser()"/>
<input type="submit" value="Detaylar" ng-click="getUserDetails()"/>
<div class="spinner" ng-show="loading">
<img src="http://i49.tinypic.com/j5z8mb.gif" alt="Yükleniyor..."/>
</div>
<div>
{{urunler.login}}
<ul>
<!--<li ng-repeat="urun in urunler">{{urun.login}}</li>-->
</ul>
</div>
<div>
{{detaylar}}
</div>
</div>
</body>
</html>
(function(){
var app = angular.module("githubViewer", ["ngRoute"]);
var MainController = function($http,$scope) {
$scope.getUser=function(){
var username = "angular";
$scope.loading = true;
console.log($scope.loading);
$http.get("https://api.github.com/users/" + username)
.success(function(data){
//console.log(data);
$scope.loading = false;
console.log($scope.loading);
$scope.urunler = data;
});
};
$scope.getUserDetails=function(){
$scope.detaylar = $scope.urunler
console.log($scope.urunler);
};
};
app.controller("MainController", MainController);
}());
/* Styles go here */