title: Angular.js and Require.Js
body: <p>I am studying Angular.js and Require.js at the moment. I encountered an issue here while I am using this two together. For example in my html I have something very simple like {{3+3}}. I found out this will only be evaluated to 6 few seconds after everything is loaded. The user can clearly see the whole process. But this is not good for me. I do not want the delay here. Can someone explain why this happened? Is this because I am doing manually bootstrap.  </p>
  
  <p>This is my main.js for require and my bootstrap code.</p>
  
  <pre><code>require.config({
    paths: {
      jquery: 'lib/jquery/jquery-1.9.1.min',
      bootstrap: 'lib/bootstrap/bootstrap.min',
      angular: 'lib/angular/angular.min'
    },
    baseUrl: '/Scripts',
    shim: {
      'angular': { 'exports': 'angular' },
      'bootstrap': { deps: ['jquery'] }
    },
    priority: [
      'angular'
    ]
  });
  
  require(['angular', 'app/admin/app.admin', 'app/admin/app.admin.routes', 'app/admin/index/index', 'app/admin/app.admin.directives'], function (angular, app) {
    'use strict';
    angular.element(document).ready(function () {
      angular.bootstrap(document, ['app.admin']);
    });
  });
  </code></pre>
  
  <p>Cheers</p>