Angularjs和codeigniter路由无法正常工作

时间:2016-12-30 09:40:41

标签: angularjs codeigniter

以下是我的CODEIGNITER'testing_route'视图页面代码

 <div ng-app="tutorialWebApp">
 <a href="#/home">Home</a><br />
 <a href="#/about">About</a><br />

<div ng-view></div>
  </div>


  //angularjs

  <script>
        var app = angular.module('tutorialWebApp',['ngRoute']);
              app.config(function ($routeProvider,$locationProvider) {
   $routeProvider

.when("/home", {templateUrl: "<?php echo site_url('Main/demo1');?>"})

.when("/about", {templateUrl: "<?php echo site_url('Main/demo2');?>"})

// else 404
.otherwise({redirectTo: '/testview'});
 $locationProvider.html5Mode(true);

});
</script>

我的'主'控制器代码如下

  function testing_route()
 {
  $this->load->view('admin/testing_route');
 }

function demo1()
{
 $this->load->view('admin/demo1');
}
function demo2()
{
$this->load->view('admin/demo2');
}

每当我点击主页/关于页面不起作用也没有得到任何错误,我尝试使用$ locationProvider的所有解决方案但也没有做任何有用的,请帮助我如何加载页面或如何做spa应用程序使用CODEIGNITER和ANGULARJS加载页面

1 个答案:

答案 0 :(得分:0)

更改您的路线,如在routes.php中定义的

.when("/home", {templateUrl : "Main/demo1"})

.when("/about", {templateUrl : "Main/demo2"})

这将起作用。