+++ /dev/null
-(function() {
- 'use strict';
-
- angular
- .module('app')
- .config([
- '$stateProvider',
- '$urlRouterProvider',
-
- function($stateProvider, $urlRouterProvider) {
- var welcome = {
- abstract: false,
- url: '/welcome',
- templateUrl: 'app/welcome/welcome.html'
- };
-
- $urlRouterProvider.otherwise('welcome');
- $stateProvider.state('welcome', welcome);
- }
- ]);
-}());
\ No newline at end of file
+++ /dev/null
-(function () {
-
- 'use strict';
-
- angular.module('app', [
- 'ui.router',
- 'ui.bootstrap',
- 'ui.bootstrap.modal'
- ]);
-
-}());
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-
- <head>
- <meta charset="utf-8" />
- <title>Showcase</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
-
-
- <!-- Using wiredep for filling up index.html file with bower dependencies (no devDependencies) by means of tags: bower:css/bower:js/-->
- <!-- Using gulp-useref for combining css and js files by means of the found tags in index.html file: build:css/build:js/build:remove -->
-
-
- <!-- Vendor styles -->
- <!-- build:css(.) styles/vendor.css -->
- <!-- bower:css -->
- <link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.css" />
- <link rel="stylesheet" href="../bower_components/font-awesome/css/font-awesome.css" />
- <!-- endbower -->
- <!-- endbuild -->
-
- <!-- Custom styles -->
- <!-- build:css(.tmp) styles/main.css -->
- <!-- endbuild -->
-
-
-
- <!-- Vendor JavaScript -->
- <!-- build:js(.) scripts/vendor.js -->
- <!-- bower:js -->
- <script src="../bower_components/angular/angular.js"></script>
- <script src="../bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
- <script src="../bower_components/angular-translate/angular-translate.js"></script>
- <script src="../bower_components/angular-ui-router/release/angular-ui-router.js"></script>
- <script src="../bower_components/oclazyload/dist/ocLazyLoad.min.js"></script>
- <script src="../bower_components/jquery/dist/jquery.js"></script>
- <script src="../bower_components/bootstrap/dist/js/bootstrap.js"></script>
- <!-- endbower -->
- <!-- endbuild -->
-
-
- <!-- Custom JavaScript -->
- <!-- build:js({.tmp,app}) scripts/showcase.js -->
- <script src="app.module.js"></script>
- <script src="app.config.js"></script>
- <!-- endbuild -->
-
-
-
- <!-- build:remove -->
- <!-- MOCKS -->
- <!-- MOCKS END -->
- <!-- endbuild -->
-
- </head>
-
-
- <body>
-
- <!-- Automatic initialization. Using strict dependency injection.
-
- In my case title is not going to be changed from AngularJS, so ng-app is being used in body section
- instead of html section (documentation recommends html section)
-
- AngularJS will work with DOM elements under the div section where ng-app is declared.
- This could be useful when using different frameworks in the same html application where one framework
- works with some DOM elements and another framework works with other DOM elements.
- -->
- <div ng-app="app" ng-strict-di>
- <div ui-view></div>
- <div>
- <ui-view>
- <i>Hello World!!! You should never see this if ui-router works as expected.</i>
- </ui-view>
- </div>
- </div>
-
- <!-- Manual initialization, instead of ng-app. It could be useful in case of loading more
- than one AngularJS application (what is not usual) In my case I load just one, called 'app'.
- I will always use strict dependency injection.
- <script>
- (function() {
- 'use strict';
-
- angular
- .element(document)
- .ready(function() {
- angular.bootstrap(document.body, ['app'], {
- strictDi: true
- });
- });
- })();
- </script>
- -->
-
- </body>
-
-</html>
+++ /dev/null
-<!DOCTYPE html>
-<div class="container" ng-controller="WelcomeController as welcomeController">
- <div class="row">
- <div class="col-md-2">
- </div>
- <div class="col-md-10">
- </div>
- </div>
-</div>
\ No newline at end of file
--- /dev/null
+(function() {
+ 'use strict';
+
+ angular
+ .module('app')
+ .config([
+ '$stateProvider',
+ '$urlRouterProvider',
+
+ function($stateProvider, $urlRouterProvider) {
+ var welcome = {
+ abstract: false,
+ url: '/welcome',
+ templateUrl: 'app/welcome/welcome.html'
+ };
+
+ $urlRouterProvider.otherwise('welcome');
+ $stateProvider.state('welcome', welcome);
+ }
+ ]);
+}());
\ No newline at end of file
--- /dev/null
+(function () {
+
+ 'use strict';
+
+ angular.module('app', [
+ 'ui.router',
+ 'ui.bootstrap',
+ 'ui.bootstrap.modal'
+ ]);
+
+}());
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<div class="container" ng-controller="WelcomeController as welcomeController">
+ <div class="row">
+ <div class="col-md-2">
+ </div>
+ <div class="col-md-10">
+ </div>
+ </div>
+</div>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<html lang="en">
+
+ <head>
+ <meta charset="utf-8" />
+ <title>Showcase</title>
+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+
+
+ <!-- Using wiredep for filling up index.html file with bower dependencies (no devDependencies) by means of tags: bower:css/bower:js/-->
+ <!-- Using gulp-useref for combining css and js files by means of the found tags in index.html file: build:css/build:js/build:remove -->
+
+
+ <!-- Vendor styles -->
+ <!-- build:css(.) styles/vendor.css -->
+ <!-- bower:css -->
+ <link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.css" />
+ <link rel="stylesheet" href="../bower_components/font-awesome/css/font-awesome.css" />
+ <!-- endbower -->
+ <!-- endbuild -->
+
+ <!-- Custom styles -->
+ <!-- build:css(.tmp) styles/main.css -->
+ <!-- endbuild -->
+
+
+
+ <!-- Vendor JavaScript -->
+ <!-- build:js(.) scripts/vendor.js -->
+ <!-- bower:js -->
+ <script src="../bower_components/angular/angular.js"></script>
+ <script src="../bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
+ <script src="../bower_components/angular-translate/angular-translate.js"></script>
+ <script src="../bower_components/angular-ui-router/release/angular-ui-router.js"></script>
+ <script src="../bower_components/oclazyload/dist/ocLazyLoad.min.js"></script>
+ <script src="../bower_components/jquery/dist/jquery.js"></script>
+ <script src="../bower_components/bootstrap/dist/js/bootstrap.js"></script>
+ <!-- endbower -->
+ <!-- endbuild -->
+
+
+ <!-- Custom JavaScript -->
+ <!-- build:js({.tmp,app}) scripts/showcase.js -->
+ <script src="app.module.js"></script>
+ <script src="app.config.js"></script>
+ <!-- endbuild -->
+
+
+
+ <!-- build:remove -->
+ <!-- MOCKS -->
+ <!-- MOCKS END -->
+ <!-- endbuild -->
+
+ </head>
+
+
+ <body>
+
+ <!-- See: https://docs.angularjs.org/guide/bootstrap -->
+
+ <!-- Automatic initialization. Using strict dependency injection.
+
+ In my case title is not going to be changed from AngularJS, so ng-app is being used in body section
+ instead of html section (documentation recommends html section)
+
+ AngularJS will work with DOM elements under the div section where ng-app is declared.
+ This could be useful when using different frameworks in the same html application where one framework
+ works with some DOM elements and another framework works with other DOM elements.
+ -->
+ <div ng-app="app" ng-strict-di>
+ <div ui-view></div>
+ <div>
+ <ui-view>
+ <i>Hello World!!! You should never see this if ui-router works as expected.</i>
+ </ui-view>
+ </div>
+ </div>
+
+ <!-- Manual initialization, instead of ng-app. It could be useful in case of loading more
+ than one AngularJS application (what is not usual) In my case I load just one, called 'app'.
+ I will always use strict dependency injection.
+ <script>
+ (function() {
+ 'use strict';
+
+ angular
+ .element(document)
+ .ready(function() {
+ angular.bootstrap(document.body, ['app'], {
+ strictDi: true
+ });
+ });
+ })();
+ </script>
+ -->
+
+ </body>
+
+</html>
projects / JavaScriptForFun / commitdiff