How to structure CodeIgniter application with AngularJS?

Question

I want to create an application where backend is driven by CodeIgniter and frontend by AnuglarJS.

As of now, I have an idea that we can use Angular JS $http service to get data from Codeigniter. But I am confused how to treat views.

For example:

My default controller is 'Login'. I created a login.php file in controllers folder and render the view of login form in index method. Now if I go with only CodeIgniter flow, I will simply place the form action to the doLogin() method of login controller and form there I will redirect user to his dashboard.

How can we achieve this in AngularJS so that when a user fill the form and hit login button, the page does not get refreshed and the dashboard appears?

Community · Accepted Answer · 2017-05-23 12:01:42Z

5

check this GitHub project CodeIgniter AngularJS App. Another interesting answer is: Combining Angularjs and CodeIgniter. I hope I have helped...

edited May 23, 2017 at 12:01

CommunityBot

11 silver badge

answered Dec 20, 2014 at 2:06

CSA

3934 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

avenda · Accepted Answer · 2014-12-20 02:31:20Z

1

Try using this seed, https://github.com/rmcdaniel/angular-codeigniter-seed come with JWT auth (no dealing with cookies)

answered Dec 20, 2014 at 2:31

avenda

5021 gold badge5 silver badges15 bronze badges

Comments

Fahad Billah · Accepted Answer · 2015-07-27 06:29:23Z

1

Or you can create 2 different project. Angularjs & Codeigniter backend. Make Codeigniter backend work as RESTFul Server.

Now you can put CI backend project folder inside Angular Project folder or you can separate them.

In case of separate project folder, if CI backend fail to handle get/post due to "Cross-Origin Request Blocked", you can allow it from php/.htaccess file.

2 folder structure are like below.(according to xampp folder)

Nested folder structure

xampp/htdocs/my_ng_project/ (Angular project)
xampp/htdocs/my_ng_project/backend/ (CI project)

Separate folder structure

xampp/htdocs/my_ng_project/ (Angular project)
xampp/htdocs/backend/ (CI project)

answered Jul 27, 2015 at 6:29

Fahad Billah

4291 gold badge6 silver badges19 bronze badges

Collectives™ on Stack Overflow

How to structure CodeIgniter application with AngularJS?

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related