shabin-slr · August 17, 2016 15:28
diff --git a/README.md b/README.md
diff --git a/build.js b/build.js
 ({
    // rename this to whatever the front-end files directory is
    appDir: "public",

    // rename this to the front end files JavaScript directory
    baseUrl: "js",

    // rename this to whatever the distribution directory you want is                                                           
    dir: "dist",                                                                      

    /**
     * `r.js` needs to know where `require.config` is called ahead of time
     * rather than just having it be included automatically by data-main
     *
     * This is done so that shim definitions can be ready and `angular` will
     * be properly defined as a module
     */                                                             
    mainConfigFile: "public/js/main.js",                                        
 })
diff --git a/public-index.html b/public-index.html
 <!DOCTYPE html>
 <!-- note that ng-app is omitted! -->
 <html>
    <!-- Loading require.js locally will work just fine too -->
    <script data-main=js/main src=//cdnjs.cloudflare.com/ajax/libs/require.js/2.1.9/require.min.js></script>
 </html>
diff --git a/public-js-controller-MainCtrl.js b/public-js-controller-MainCtrl.js
 /**
 * This file is not necessary.  It's just here to prove
 * that you can load a controller via require.js
 */

 define(function () {
    /**
     * This is using an array for angular dependency injection
     * syntax.  You could use for example:
     * `["$scope", function ($scope)` to include the scope
     * Any service can be included in this way.  The array syntax
     * is preferred for minifcation
     */
    return [function () {}];
 });
diff --git a/public-js-main.js b/public-js-main.js
 /**
 * Require configuration.  Load angular from shim and export the
 * `angular` value.  This uses a CDN to load angular, but that
 * is not necessary.  A local file will work just fine.
 */
 require.config({                                                                
    shim: {                                                                     
        angular: {                                                              
            exports: "angular",                                                 
        },                                                                      
    },                                                                          
    paths: {                                                                    
        angular: "//code.angularjs.org/1.2.0-rc.2/angular.min",                                             
    },                                                                          
 });                                                                             
                                                                                
 require(["angular", "controller/MainCtrl"], function (ng, MainCtrl) {
    var app = ng.module("nameOfTheAppGoesHere", []);

    // this can be omitted
    app.controller("MainCtrl", MainCtrl);                                       

    /**
     * require.js / r.js do not play nice with Angular loading in some cases
     *
     * Rather than create an app via `ng-app`, you can do the bootstrapping
     * here using `angular.bootstrap`
     *
     * Of course, you can use any element.  Doesn't have to be `<html>`
     *
     * Note that https://github.com/tnajdek/angular-requirejs-seed
     * uses `window.name = "NG_DEFER_BOOTSTRAP!";`  I don't know why, but it
     * doesn't actually seem to be necessary.  If it is and you know why,
     * let me know!
     */

    // App name needs to be the same.  Will make a lot of sense to parameterize it
    ng.bootstrap(document.querySelector("html"), ["nameOfTheAppGoesHere"]);
 });
	({
	// rename this to whatever the front-end files directory is
	appDir: "public",

	// rename this to the front end files JavaScript directory
	baseUrl: "js",

	// rename this to whatever the distribution directory you want is
	dir: "dist",

	/**
	* `r.js` needs to know where `require.config` is called ahead of time
	* rather than just having it be included automatically by data-main
	*
	* This is done so that shim definitions can be ready and `angular` will
	* be properly defined as a module
	*/
	mainConfigFile: "public/js/main.js",
	})
	<!DOCTYPE html>
	<!-- note that ng-app is omitted! -->
	<html>
	<!-- Loading require.js locally will work just fine too -->
	<script data-main=js/main src=//cdnjs.cloudflare.com/ajax/libs/require.js/2.1.9/require.min.js></script>
	</html>
	/**
	* This file is not necessary. It's just here to prove
	* that you can load a controller via require.js
	*/

	define(function () {
	/**
	* This is using an array for angular dependency injection
	* syntax. You could use for example:
	* `["$scope", function ($scope)` to include the scope
	* Any service can be included in this way. The array syntax
	* is preferred for minifcation
	*/
	return [function () {}];
	});
	/**
	* Require configuration. Load angular from shim and export the
	* `angular` value. This uses a CDN to load angular, but that
	* is not necessary. A local file will work just fine.
	*/
	require.config({
	shim: {
	angular: {
	exports: "angular",
	},
	},
	paths: {
	angular: "//code.angularjs.org/1.2.0-rc.2/angular.min",
	},
	});

	require(["angular", "controller/MainCtrl"], function (ng, MainCtrl) {
	var app = ng.module("nameOfTheAppGoesHere", []);

	// this can be omitted
	app.controller("MainCtrl", MainCtrl);

	/**
	* require.js / r.js do not play nice with Angular loading in some cases
	*
	* Rather than create an app via `ng-app`, you can do the bootstrapping
	* here using `angular.bootstrap`
	*
	* Of course, you can use any element. Doesn't have to be `<html>`
	*
	* Note that https://github.com/tnajdek/angular-requirejs-seed
	* uses `window.name = "NG_DEFER_BOOTSTRAP!";` I don't know why, but it
	* doesn't actually seem to be necessary. If it is and you know why,
	* let me know!
	*/

	// App name needs to be the same. Will make a lot of sense to parameterize it
	ng.bootstrap(document.querySelector("html"), ["nameOfTheAppGoesHere"]);
	});