hi can someone give the right step to rearrange the code??? i need to put every controller in a view because now i have only the controller in app.js and in controller.js for all the views and it is a mess
Hust some advice, some trick to do it in the right way. Thanks
Hi
Create a folder with name ācontrollersā and in this folder put all your controller files
Sometimes, when you are still in the learning-zone, it is better to just start out clean.
Read up on your knowledge of AngularJS, UIRouter and decide first on how youāre gonna structure your project.
Then start a new ionic project and try againā¦
okā¦i canāt start it againā¦butā¦iāll try to create a folder, after in index i set all the js like this?Ć¹
and in app.js in the .config i put a controller for every stateā¦it is right?
and all the controllers start in this way?
//file module.js
var starter = angular.module(āstarterā, [āionicā]);
//file controller/some.js
starter.controller(āsomeControllerā,function(){});
//file controller/another.js
starter.controller(āanotherControllerā,function(){});
yeah thatās the idea ā¦ for style guide programming AngularJS you could begin with this as reference
In your index.html you can setup links to your .js files like so:
<script src="js/controllers.js"></script>
Then, in controllers.js, set it up something like this:
angular.module('starter.controllers', []) .controller('pageOneCtrl', function($scope,$ionicPlatform, $state, ...whatever) { your controller code... }) .controller('pageTwoCtrl', function($scope,$ionicPlatform, $state, ...whatever) { your controller code... })
Now you can access it through your stateProvider in app.js like so:
.state('app', { url: "/app", abstract: true, templateUrl: "templates/app.html" }) .state('app.pageOne', { url: '/pageOne', views: { 'page-one':{ templateUrl: 'templates/pageOne.html', controller: 'pageOneCtrl' } } }) .state('app.pageTwo', { url: '/pageTwo', views: { 'page-two':{ templateUrl: 'templates/pageTwo.html', controller: 'pageTwoCtrl' } } });
thanks so much to everybody, iāll try you advice
sorry, but
angular.module(āstarter.controllersā, )
.controller(āpageOneCtrlā, function($scope,$ionicPlatform, $state, ā¦whatever) {
your controller codeā¦
})
.controller(āpageTwoCtrlā, function($scope,$ionicPlatform, $state, ā¦whatever) {
your controller codeā¦
})
is in the same file js?..i want to split controller in single controller file
As @coreelements also poined out, I recomend strongly to read up on AngularJS an UI-routing since this is pretty basic stuff you should get familiar with first.
you can either have multiple controller files and point to each of them from your index.html,
or have just one controllers.js file and contain all controllers in there. Itās just how you like to structure it.
yeah ā¦ i split all my controllers in seperate files ā¦ after that I have a gulp task to join them to 1 file.
I used
for my workflow
Ok iāll do it thank to allā¦but i need your help againā¦
i have the login controller in the controller.js itās call 'AppCtrlā
in another controller āodlCtrlā i have 2 http.get and two query to populate tables and show data in views,
i need to do this get at the login how can i pass function (and dataā¦$rootScope?) between controller???
Will better if you move http.get to service
For passing data between controller use events
This is a small example of how they work
// firing an event upwards
$scope.$emit(āmyCustomEventā, āData to sendā);
// firing an event downwards
$scope.$broadcast(āmyCustomEventā, {
someProp: āSending you an Object!ā // send whatever you want
});
// listen for the event in the relevant $scope
$scope.$on(āmyCustomEventā, function (event, data) {
console.log(data); // āData to sendā
});
thanks, but for create service is the same that create controller?? another js file ?? i can have more service?
because i have this one for the auth
angular.module(āstarter.servicesā, [āngCookiesā])
.factory(āAuthā, function ($cookieStore) {
var _user = $cookieStore.get(āstarter.userā);
var setUser = function (user) {
_user = user;
$cookieStore.put(āstarter.userā, _user);
}
return {
setUser: setUser,
isLoggedIn: function () {
return _user ? true : false;
},
getUser: function () {
return _user;
},
logout: function () {
$cookieStore.remove(āstarter.userā);
_user = null;
}
}
});
You can have unlimited number of services
ooookā¦ just declare in index and inject in the controller???
Continuing the discussion from How rearrange the code:
Yep
oh ā¦ never knew about $emit ā¦
nice to learn new things 
Or, you can try out this template I made to make it easy to develop in AngularJS. The structure and coding standards borrow heavily from John Papa.
Do note the template is not in Ionic thus will not have hot reload (didnāt had the time to add it in yet) but it have a server built in.
*Prerequisite:
To get started:
In www/main-view has a pregenerated view. Donāt touch this first.
To get started immediately, checkout www/modules/sample. Notice the module is āSampleā in āsample.jsā
Add āSampleā in www/modules/app.js under āDirectivesā (as shown below).
'Core',
'Directives',
'Sample'
Run āgulp devā on your command line. Then, refresh your page. You will see sample.html is loaded as the first page.
Any question you can ask me here 
Thank you so muchā¦for the next project iāll use this schemaā¦but for now i need to change a controller into a service, because i make an http get an now the app doesnāt wait for data, because i donāt know jow to use promise, deferred, qā¦ So i need to make this change. Iām in huge trubles!!!