moved to angularAMD
This commit is contained in:
1 parent
823ecdd500
commit
c251432e54
13 files changed
+75
-166
No files matched your search
+16
-15
@@ -1,17 +1,18 @@
|
||||
define [
|
||||
"angular"
|
||||
"filters"
|
||||
"services"
|
||||
"directives"
|
||||
"controllers"
|
||||
"angularRoute"
|
||||
], (angular, filters, services, directives, controllers) ->
|
||||
"angularAMD"
|
||||
"angular-route"
|
||||
], (angularAMD) ->
|
||||
app = angular.module("webapp", ["ngRoute"])
|
||||
app.config ($routeProvider) ->
|
||||
$routeProvider.when("/view1", angularAMD.route(
|
||||
templateUrl: "partials/partial1.html"
|
||||
controller: "MyCtrl1"
|
||||
controllerUrl: "controllers/myctrl1"
|
||||
)).when("/view2", angularAMD.route(
|
||||
templateUrl: "partials/partial2.html"
|
||||
controller: "MyCtrl2"
|
||||
controllerUrl: "controllers/myctrl2"
|
||||
)).otherwise redirectTo: "/view1"
|
||||
return
|
||||
|
||||
# Declare app level module which depends on filters, and services
|
||||
angular.module "myApp", [
|
||||
"ngRoute"
|
||||
"myApp.filters"
|
||||
"myApp.services"
|
||||
"myApp.directives"
|
||||
"myApp.controllers"
|
||||
]
|
||||
angularAMD.bootstrap app
|
||||
@@ -1,38 +0,0 @@
|
||||
define ["angular", "services"], (angular) ->
|
||||
|
||||
# Controllers
|
||||
|
||||
# Sample controller where service is being used
|
||||
|
||||
# More involved example where controller is required from an external file
|
||||
controllers = angular.module("myApp.controllers", ["myApp.services"])
|
||||
|
||||
controllers.controller("MyCtrl1", [
|
||||
"$scope"
|
||||
"$injector"
|
||||
($scope, $injector) ->
|
||||
require ["controllers/myctrl1"], (myctrl1) ->
|
||||
|
||||
# injector method takes an array of modules as the first argument
|
||||
# if you want your controller to be able to use components from
|
||||
# any of your other modules, make sure you include it together with 'ng'
|
||||
# Furthermore we need to pass on the $scope as it's unique to this controller
|
||||
$injector.invoke(myctrl1, this, {$scope: $scope})
|
||||
|
||||
return
|
||||
])
|
||||
|
||||
controllers.controller( "MyCtrl2", [
|
||||
"$scope"
|
||||
"$injector"
|
||||
($scope, $injector) ->
|
||||
require ["controllers/myctrl2"], (myctrl2) ->
|
||||
|
||||
# injector method takes an array of modules as the first argument
|
||||
# if you want your controller to be able to use components from
|
||||
# any of your other modules, make sure you include it together with 'ng'
|
||||
# Furthermore we need to pass on the $scope as it's unique to this controller
|
||||
$injector.invoke(myctrl2, this, {$scope: $scope})
|
||||
|
||||
return
|
||||
])
|
||||
@@ -1,15 +1,6 @@
|
||||
define [], ->
|
||||
[
|
||||
"$scope"
|
||||
"$http"
|
||||
($scope, $http) ->
|
||||
define ["app"], (app) ->
|
||||
app.controller "MyCtrl1", ($scope) ->
|
||||
$scope.message = "Message from MyCtrl1"
|
||||
return
|
||||
|
||||
# You can access the scope of the controller from here
|
||||
$scope.welcomeMessage = "hey this is myctrl1.coffee!"
|
||||
$scope.okay = "okay?"
|
||||
|
||||
# because this has happened asynchroneusly we've missed
|
||||
# Angular's initial call to $apply after the controller has been loaded
|
||||
# hence we need to explicityly call it at the end of our Controller constructor
|
||||
$scope.$apply()
|
||||
]
|
||||
return
|
||||
@@ -1,14 +1,6 @@
|
||||
define [], ->
|
||||
[
|
||||
"$scope"
|
||||
"$http"
|
||||
($scope, $http) ->
|
||||
define ["app"], (app) ->
|
||||
app.controller "MyCtrl2", ($scope) ->
|
||||
$scope.message = "Message from MyCtrl2"
|
||||
return
|
||||
|
||||
# You can access the scope of the controller from here
|
||||
$scope.welcomeMessage = "hey this is myctrl2.coffee!"
|
||||
|
||||
# because this has happened asynchroneusly we've missed
|
||||
# Angular's initial call to $apply after the controller has been loaded
|
||||
# hence we need to explicityly call it at the end of our Controller constructor
|
||||
$scope.$apply()
|
||||
]
|
||||
return
|
||||
@@ -1,14 +0,0 @@
|
||||
define [
|
||||
"angular"
|
||||
"services"
|
||||
], (angular, services) ->
|
||||
|
||||
# Directives
|
||||
angular.module("myApp.directives", ["myApp.services"]).directive "appVersion", [
|
||||
"version"
|
||||
(version) ->
|
||||
return (scope, elm, attrs) ->
|
||||
elm.text version
|
||||
return
|
||||
]
|
||||
return
|
||||
@@ -1,10 +0,0 @@
|
||||
define ["angular", "services"], (angular, services) ->
|
||||
|
||||
# Filters
|
||||
angular.module("myApp.filters", ["myApp.services"]).filter "interpolate", [
|
||||
"version"
|
||||
(version) ->
|
||||
return (text) ->
|
||||
String(text).replace /\%VERSION\%/g, version
|
||||
]
|
||||
return
|
||||
+13
-23
@@ -1,28 +1,18 @@
|
||||
require.config
|
||||
paths:
|
||||
angular: "/bower_components/angular/angular"
|
||||
angularRoute: "/bower_components/angular-route/angular-route"
|
||||
angularMocks: "/bower_components/angular-mocks/angular-mocks"
|
||||
text: "/bower_components/requirejs-text/text"
|
||||
baseUrl: "js"
|
||||
|
||||
shim:
|
||||
angular:
|
||||
exports: "angular"
|
||||
|
||||
angularRoute: ["angular"]
|
||||
angularMocks:
|
||||
deps: ["angular"]
|
||||
exports: "angular.mock"
|
||||
|
||||
priority: ["angular"]
|
||||
# alias libraries paths. Must set 'angular'
|
||||
paths:
|
||||
"angular" : "/bower_components/angular/angular.min"
|
||||
"angular-route": "/bower_components/angular-route/angular-route.min"
|
||||
"angularAMD" : "/bower_components/angularAMD/angularAMD.min"
|
||||
|
||||
|
||||
#http://code.angularjs.org/1.2.1/docs/guide/bootstrap#overview_deferred-bootstrap
|
||||
window.name = "NG_DEFER_BOOTSTRAP!"
|
||||
require ["angular", "app", "routes"], (angular, app, routes) ->
|
||||
$html = angular.element(document.getElementsByTagName("html")[0])
|
||||
angular.element().ready ->
|
||||
angular.resumeBootstrap [app["name"]]
|
||||
return
|
||||
# Add angular modules that does not support AMD out of the box, put it in a shim
|
||||
shim:
|
||||
angularAMD: ["angular"]
|
||||
"angular-route": ["angular"]
|
||||
|
||||
return
|
||||
|
||||
# kick start application
|
||||
deps: ["app"]
|
||||
@@ -1,17 +0,0 @@
|
||||
define [
|
||||
"angular"
|
||||
"app"
|
||||
], (angular, app) ->
|
||||
app.config [
|
||||
"$routeProvider"
|
||||
($routeProvider) ->
|
||||
$routeProvider.when "/view1",
|
||||
templateUrl: "/partials/partial1.html"
|
||||
controller: "MyCtrl1"
|
||||
|
||||
$routeProvider.when "/view2",
|
||||
templateUrl: "/partials/partial2.html"
|
||||
controller: "MyCtrl2"
|
||||
|
||||
$routeProvider.otherwise redirectTo: "/view1"
|
||||
]
|
||||
@@ -1,8 +0,0 @@
|
||||
define ["angular"], (angular) ->
|
||||
|
||||
# Services
|
||||
|
||||
# Demonstrate how to register services
|
||||
# In this case it is a simple value service.
|
||||
angular.module("myApp.services", []).value "version", "0.1"
|
||||
return
|
||||
Reference in new issue
Block a user