title: Angular JS - {{ }} not working but data-ng-bind display the scope
body: <p>I've an issue with Angular JS. I don't get why my data in the scope can't be displayed with the {{ }} but can be display if I use the directive : data-ng-bind.</p>
  
  <p>If anyone has an idea :</p>
  
  <p>Here's my HTML Code : </p>
  
  <pre><code>&lt;aside  id="sidebar-left" class="sidebar-left" data-ng-controller="PortalController" data-ng-init="getAppslist()"&gt;
  
      &lt;div class="sidebar-header"&gt;
          &lt;div class="sidebar-title"&gt;
              Navigation
          &lt;/div&gt;
          &lt;div class="sidebar-toggle hidden-xs" data-toggle-class="sidebar-left-collapsed" data-target="html" data-fire-event="sidebar-left-toggle"&gt;
              &lt;i class="fa fa-bars" aria-label="Toggle sidebar"&gt;&lt;/i&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="nano" &gt;
          &lt;div class="nano-content"&gt;
              &lt;nav id="menu" class="nav-main" role="navigation"&gt;
                  &lt;ul class="nav nav-main"&gt;
                      &lt;li class="nav-active"&gt;
                          &lt;a href="#!/"&gt;
                              &lt;i class="fa fa-home" aria-hidden="true"&gt;&lt;/i&gt;
                              &lt;span&gt;Dashboard&lt;/span&gt;
                          &lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li&gt;
                          &lt;a href="#!/users"&gt;
                              &lt;i class="fa fa-users" aria-hidden="true"&gt;&lt;/i&gt;
                              &lt;span&gt;Users&lt;/span&gt;
                          &lt;/a&gt;
                      &lt;/li&gt;
  
                      &lt;li class="nav-parent"&gt;
  
                          &lt;a href="#!/apps"&gt;
                              &lt;i class="fa fa-cubes" aria-hidden="true"&gt;&lt;/i&gt;
                              &lt;span&gt;Apps&lt;/span&gt;
                          &lt;/a&gt;
                          &lt;ul class="nav nav-children"&gt;
                              &lt;li ng-repeat="app in appslist"&gt;
                                  &lt;a ng-href="#!/apps/{{app.CloudAppInstanceId}}"&gt;{{app.Name}}&lt;/a&gt;
                              &lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/li&gt;
  
                  &lt;/ul&gt;
              &lt;/nav&gt;
  
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/aside&gt;
  </code></pre>
  
  <p>Here's my controller : </p>
  
  <pre><code>angular.module('core').controller('PortalController', ['$scope', 'Portal',
  function($scope, Portal) {
      $scope.getAppslist = function() {
          Portal.getApps(function(callback) {
              $scope.appslist = callback;
              $scope.blabla = 'blabla';
          });
      };
  }]);
  </code></pre>
  
  <p>And here's my service : </p>
  
  <pre><code>angular.module('core').factory('Portal', function($http, $cookies, $rootScope) {
  // define factory object
  var factory = {};
  
  
  
  var getApps = function(callback){
      $http.get($rootScope.logrrApiAddress + '/apps', config).success(function(data, status, headers, config) {
          callback(data);
      });
  }
  
  factory.getApps = function(callback){
      return getApps(callback);
  }});
  </code></pre>
  
  <p>Thanks in advance for your response</p>
  
  <p>Martin Taz</p>