angular-translate async loading

by kelvinau

HTML

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://code.angularjs.org/1.6.10/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-translate/2.18.1/angular-translate.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-translate/2.18.1/angular-translate-loader-static-files/angular-translate-loader-static-files.js"></script>
<h2>
  angular-translate async loading
</h2>

<!-- AngularJS -->
<div ng-app="angular-app" ng-controller="controller">
  <b>AngularJS 1.6.10</b>
   <div>Translated Text: {{text}}</div>
  <div>

  </div>
</div>
<!-- End of AngularJS -->

JavaScript

/* 
     * AngularJS 
     */
    angular.module('angular-app', []).controller('controller', function($scope, $http) {
    
    
    	$http.get('https://api.myjson.com/bins/c3n0e').then((res) => {
      	console.log(res);
      })
        $scope.text = 'abc';
      });