I have a tab setup in my application to hide/show content in the view. I call the functions from the view with directives and would like to make the logic re-usable in a service that is injected into other controllers as a dependency.
When the logic is inside the controller it works fine, but below you can see what I have tried as far as a service and it is not working. And here is a Plunker with all this code: http://plnkr.co/edit/liT7BIGlIRg9boH81NaY?p=preview Any ideas?? HTML <ul class="expandingTab"> <li ng-class="{active: tabs.toggleTabs.isSet(1)}"><a href="#" ng-click="tabs.toggleTabs.setTab(1)"> <span>Tab 1</span></a></li> <li ng-class="{active: tabs.toggleTabs.isSet(2)}"><a href="#" ng-click="tabs.toggleTabs.setTab(2)"><span>Tab 2</span></a></li></ul><div ng-show="tabs.toggleTabs.isSet(1)"> <h1>Tab 1</h1></div><div ng-show="tabs.toggleTabs.isSet(2)"> <h1>Tab 2</h1></div> Controller var app = angular.module('myApp', ['services']); app.controller('TabController', ['$scope', 'toggleTabs',function($scope, toggleTabs) { }]); Service var tabsApp = angular.module('services', []); tabsApp.service('toggleTabs', function() { this.tab = 1; this.setTab = function(tabSelected) { this.tab = tabSelected; } this.isSet = function(checkTab) { return this.tab === checkTab; }}); -- You received this message because you are subscribed to the Google Groups "AngularJS" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/angular. For more options, visit https://groups.google.com/d/optout.
