diff options
Diffstat (limited to 'docs')
3 files changed, 36 insertions, 27 deletions
diff --git a/docs/content/guide/dev_guide.services.injecting_controllers.ngdoc b/docs/content/guide/dev_guide.services.injecting_controllers.ngdoc index 4b031860..c01b04b1 100644 --- a/docs/content/guide/dev_guide.services.injecting_controllers.ngdoc +++ b/docs/content/guide/dev_guide.services.injecting_controllers.ngdoc @@ -28,7 +28,7 @@ this.secondMethod = function() { myController.$inject = ['$location', '$log']; </pre> -<doc:example> +<doc:example module="MyServiceModule"> <doc:source> <script type="text/javascript"> angular.module.MyServiceModule = ['$provide', function($provide){ @@ -53,7 +53,7 @@ function myController(notifyService) { myController.$inject = ['notify']; </script> -<div ng:controller="myController" ng:module="MyServiceModule"> +<div ng:controller="myController"> <p>Let's try this simple notify service, injected into the controller...</p> <input ng:init="message='test'" type="text" ng:model="message" /> <button ng:click="callNotify(message);">NOTIFY</button> diff --git a/docs/content/guide/dev_guide.templates.filters.creating_filters.ngdoc b/docs/content/guide/dev_guide.templates.filters.creating_filters.ngdoc index 92c749f7..a8fd2ce7 100644 --- a/docs/content/guide/dev_guide.templates.filters.creating_filters.ngdoc +++ b/docs/content/guide/dev_guide.templates.filters.creating_filters.ngdoc @@ -16,31 +16,31 @@ filter to manipulate the DOM. The following sample filter reverses a text string. In addition, it conditionally makes the text upper-case and assigns color. -<doc:example> +<doc:example module="MyReverseModule"> <doc:source> <script type="text/javascript"> -angular.module.MyReverseModule = function MyModule($filterProvider) { - $filterProvider.register('reverse', function() { - return function(input, uppercase) { - var out = ""; - for (var i = 0; i < input.length; i++) { - out = input.charAt(i) + out; - } - // conditional based on optional argument - if (uppercase) { - out = out.toUpperCase(); - } - return out; - } - }); -} + angular.module.MyReverseModule = function ($filterProvider) { + $filterProvider.register('reverse', function() { + return function(input, uppercase) { + var out = ""; + for (var i = 0; i < input.length; i++) { + out = input.charAt(i) + out; + } + // conditional based on optional argument + if (uppercase) { + out = out.toUpperCase(); + } + return out; + } + }); + } - function Ctrl() { - this.greeting = 'hello'; - } + function Ctrl() { + this.greeting = 'hello'; + } </script> -<div ng:controller="Ctrl" ng:module="MyReverseModule"> +<div ng:controller="Ctrl"> <input ng:model="greeting" type="greeting"><br> No filter: {{greeting}}<br> Reverse: {{greeting|reverse}}<br> diff --git a/docs/src/templates/doc_widgets.js b/docs/src/templates/doc_widgets.js index 56ef5bcf..eb8f36f6 100644 --- a/docs/src/templates/doc_widgets.js +++ b/docs/src/templates/doc_widgets.js @@ -15,14 +15,15 @@ var HTML_TEMPLATE = '<!doctype html>\n' + '<html xmlns:ng="http://angularjs.org">\n' + - ' <script src="' + angularJsUrl + '" ng:autobind></script>\n' + + ' <script src="' + angularJsUrl + '" ng:autobind_MODULE_></script>\n' + ' <body>\n' + '_HTML_SOURCE_\n' + ' </body>\n' + '</html>'; - angular.widget('doc:example', function(element){ + angular.widget('doc:example', ['$injector', '$element', function($injector, element){ this.descend(true); //compile the example code + var module = element.attr('module'); //jQuery find() methods in this widget contain primitive selectors on purpose so that we can use //jqlite instead. jqlite's find() method currently supports onlt getElementsByTagName! @@ -59,7 +60,10 @@ '</ul>'; var tabs = angular.element(tabHtml); - tabs.find('li').eq(1).find('pre').text(HTML_TEMPLATE.replace('_HTML_SOURCE_', code.html)); + tabs.find('li').eq(1).find('pre').text( + HTML_TEMPLATE. + replace('_HTML_SOURCE_', code.html). + replace('_MODULE_', (module ? (' ng:module="' + module + '"') : ''))); element.html(''); element.append(tabs); @@ -76,6 +80,11 @@ alert(e); } + if (module) { + $injector.invoke(null, angular.module[module]); + } + + function jsFiddleButton(jsfiddle) { if (jsfiddle !== 'false') { if(jsfiddle === true) { @@ -100,7 +109,7 @@ '</textarea>' + '<input type="text" name="title" value="AngularJS Live Example">' + '<textarea name="html">' + - '<script src="' + angularJsUrl + '" ng:autobind></script>\n\n' + + '<script src="' + angularJsUrl + '" ng:autobind' + (module ? (' ng:module="' + module + '"') : '') + '></script>\n\n' + '<!-- AngularJS Example Code: -->\n\n' + fiddleSrc + '</textarea>' + @@ -116,7 +125,7 @@ } return ''; } - }); + }]); function indent(text) { if (!text) return text; |