Javascript problema ao carregar diretiva ng-controller usando html externo

[Xandrules]

Boa Tarde a Todos, queria de saber um forma de adcionar uma diretiva ng-controller quando chamo um html externo, simplesmente não funciona.

HTML da Página A seguir.

 
<style>
    div#logsTable_filter {
        display: none;
    }
    .dataTables_wrapper {
        margin-top: 25px;
    }
    table#logsTable{
        width: 100% !important;
    }

    button#clear_log{
        position: absolute;
        right: 5px;
        top: 5px;
    }
    
      button#save{
        position: absolute;
        right: 10px;
        top: 0px;
        height: 34px;
          width: 70px;
        z-index: 999;
    }

 

</style>
 <section class="content-header">
    <h1>
   {{title}}   
    </h1>
  </section>

  <!-- Main content -->
  <section class="content">

    <!-- Default box -->
    <div class="box" ng-app="apphkl" ng-controller="UsersController">

      <div class="box-header with-border">
        <h3 class="box-title">User</h3>
         
        <div  ng-hide="logs.length == 0" >                      
            <button  
             id="save" class="btn pull-right margin-bottom" 
             ng-click="downloadLogs(0)">SAVE</button> 
        </div>
      </div>

      <div class="box-body" >

        <div class="col-xs-12">    

            <div class=" box-meas box-header btsettings col-xs-12 col-sm-3 ">
              <h4 class="input-meas">                   
                  <br>Current Password                 
              </h4>
              <br>
              <input class="input-meas-settings form-control" type="password"  value="" >
            </div>

            <div class=" box-meas box-header btsettings col-xs-12 col-sm-3 ">
              <h4 class="input-meas">                   
                  <br>New Password                 
              </h4>
              <br>
              <input class="input-meas-settings form-control" type="password"  value="" >
            </div>

            <div class=" box-meas box-header btsettings col-xs-12 col-sm-3 ">
              <h4 class="input-meas">                   
                  <br>Confirm Password                 
              </h4>
              <br>
              <input class="input-meas-settings form-control" type="password"  value="" >
            </div>
                 
         </div>
         <div class="clearfix">
        </div>
       </div> 
      
    </div>
    
  </section>

 

controller da página

var apphkl = angular.module('apphkl', []);
apphkl.controller('UsersController', ['$scope', function ($scope){   
    
    $scope.title = 'User Setup';

}]);

 

 

Resultado