how to combine codeigniter and angularjs?

Question

I've see a lot posts about codeigniter and angularjs work together,but most of them are about retriving data and pass data .My question is more basic.

I run the site through php,then every thing is ok,means that angularjs work properly.But when I run it through controller,it didn't work.what's wrong?Here are parts of my codes:

<body ng-app="myApp" ng-controller="myCtrl">

First Name: <input type="text" ng-model="firstName"><br>
Last Name: <input type="text" ng-model="lastName"><br>
<br>
Full Name: {{firstName + " " + lastName}}

class First extends CI_Controller{

  public function index(){
      $this->load->view('first');
  }

}

var app = angular.module('myApp', ['ngMaterial']);
app.controller('myCtrl', function($scope) {
    $scope.firstName = "John";
    $scope.lastName = "Doe";
});

my controller file is first.php,view file is first.php as well.when I browse the site by http://localhost/ci_ngtest/index.php/first, the first and last name input are blank,and the Full name show {{firstName + " " + lastName}} instead of John Doe

here is my project structure:

 --application
 --node_modules
   --angular
     --angular.js
   --angular-material
 --system
 --user_guide
 --somefiles(somefiles below)

in the body,<script src="../../node_modules/angular/angular.js"></script> — vancake
– vancake, Commented Apr 19, 2016 at 5:53
i also add <script src="../../node_modules/angular-material/angular-material.js"></script> — vancake
– vancake, Commented Apr 19, 2016 at 5:54
Failed to load:localhost/node_modules/angular/angular.js resource the server responded with a status of 404 (Not Found) — vancake
– vancake, Commented Apr 19, 2016 at 5:57

Yash · Accepted Answer · 2016-04-19 06:11:39Z

1

You need to configure script path properly:

First set base_url inside application\config\config.php:

$config['base_url']= 'http://localhost/ci_ngtest/index.php/';

load library inside application\config\autoload.php

$autoload['helper'] = array('url');

configure script path:

<script src="<?php echo base_url();?>node_modules/angular/angular.js"></script> <script src="<?php echo base_url();?>node_modules/angular-material/angular-material.js"></script>

answered Apr 19, 2016 at 6:11

Yash

1,4361 gold badge13 silver badges26 bronze badges

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

Collectives™ on Stack Overflow

how to combine codeigniter and angularjs?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related