Q:

angularjs $scope.template doesnt change the view

It was working before.  I don't know what did I changed that makes stop working.  The idea was when I click at the 'Pesquisar' button, then my controller will take the data and after it will change the view to main.html .  
It was working very nice but it simple stoped work. 
index.html
<body ng-app="mundiApp" ng-controller="MainCtrl as main">

<div ng-include="template"></div> 

<!--  build:js(.)  scripts/vendor.js -->
<!--  bower:js -->
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
<script src="bower_components/angular-animate/angular-animate.js"></script>
<script src="bower_components/angular-cookies/angular-cookies.js"></script>
<script src="bower_components/angular-resource/angular-resource.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>
<script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
<script src="bower_components/angular-touch/angular-touch.js"></script>
<!--  endbower -->
<!--  endbuild -->

<!--  build:js({.tmp,app}) scripts/scripts.js -->
<script src="scripts/app.js"></script>
<script src="scripts/controllers/main.js"></script>
<!--  endbuild -->

main.js - the controller
'use strict'; 

angular.module('mundiApp') .controller('MainCtrl',['$scope','$http',  function($scope, $http) {
var vm = this;
$scope.username ="";
$scope.template = "/views/login.html";

this.pesquisarUsuario = function(usuario){   

    $http({ 
    method: 'GET',
        url: 'https://api.github.com/users/'+usuario + '/repos'
    }).then(function successCallback(response) {
        vm.login = response.data[1].owner.login;
        vm.foto = response.data[1].owner.avatar_url; 
        vm.url = response.data[1].owner.html_url;
        var projects = [];
        $(response.data).each(function() { 

            projects.push({
                name: this.name,            
                url: this.html_url, 
                forks: this.forks_count, 
                stars: this.stargazers_count,
                contributors:  11, //usar api pra pegar response.data.contributors_url
                commits: 101, //'https://api.github.com/repos/'+usuario +'/'response.data.name+'/commits'
            });

        });

        vm.projects = projects;
        $scope.template = "";

    });
};}]);

login.html
<div class="login"> 
<div class="painel" ng-controller="MainCtrl as main">
  <form class="form-group">
    <label for="Search">Usuário</label><br/>
    <input type="text" class="form-control" ng-model="usuario" placeholder="Digite o usuario">
    <br/>
    <button class="btn btn-primary form-control" ng-click="main.pesquisarUsuario(usuario)" >Pesquisar</button>
  </form>
</div>

main.html
<div class="container">
<header>
<! --foto --> 
<div class="foto"></div>   
<div class="titulo"></div>
</header>
<div class="projeto" >
<div class="projeto-header">
<h2>Project Name</h2>>
</div>
<div class="grafico">
</div>

A:

You currently have ng-controller="MainCtrl as main" both on body and on a div in login.html.  This means that two instances of MainCtrl will be created and that ng-include will use the template variable from one instance while the other template variable is the one getting updated. 
Remove ng-controller="MainCtrl as main" from login.html. 
On another note, I highly recommend using the ngRoute module for routing instead of ng-include.