2014-09-13 80 views
0

我正在启动一个新项目并使用Angular。我是新来的角和感谢所有帮助:Angular/Laravel视图和路由

我创建了一个新的项目,将这两行我routes.php文件:

Blade::setContentTags('<%', '%>'); 
Blade::setEscapedContentTags('<%%', '%%>'); 

然后我有一个路线:

Route::get('/', function() 
{ 
    return View::make('layouts.app'); 
}); 

这种观点有这个HTML它:

<!doctype html> 
<html ng-app="curveApp"> 
    <head> 
     <title>Curve</title> 
     <link rel="stylesheet" type="text/css" href="{{ asset('assets/bootstrap/dist/css/bootstrap.css') }}"> 
     <script src="{{ asset('assets/jquery/dist/jquery.min.js') }}"></script> 
     <script src="{{ asset('assets/bootstrap/dist/js/bootstrap.min.js') }}"></script> 
     <script src="{{ asset('assets/angular/angular.min.js') }}"></script> 
     <script src="{{ asset('js/app.js') }}"></script> 
    </head> 

    <body> 

     @include('home') 

    </body> 
</html> 

home.php文件中具有T他在HTML下面:

<div ng-view> 
    <div class="navbar navbar-default navbar-fixed-top"> 
     <div class="container"> 
      <div class="navbar-header"> 
       <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"> 
        <span class="sr-only">Toggle Navigation</span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
       </button> 
       <a href="#" class="navbar-brand">Curve</a> 
      </div> 
      <div class="navbar-collapse collapse"> 
       <ul class="nav navbar-nav navbar-right"> 
        <li><a href="/register">Sign Up</a></li> 
        <li><a href="/login">Sign In</a></li> 
       </ul> 
      </div> 
     </div> 
    </div> 
</div> 

在我的文档根/公共内部我有一个控制器,服务和部分的js文件夹。然后我有两个文件app.js和config.js。

App.js:

var curveApp = angular.module('curveApp', [ 
    'ngRoute', 
    'curveControllers' 
]); 

Config.js

curveApp.config(['$routeProvider', 
    function($routeProvider) { 
     $routeProvider. 
      when('/register', { 
       templateUrl: 'partials/register.html', 
       controller: 'RegisterCtrl' 
      }); 
    } 
]); 

我怎么能有角使用从项目/公/ JS /谐音的HTML文件,根据配置文件而无需刷新切换HTML视图时的页面?

+0

真的不清楚您的问题是什么。你忘了包含'ngRoute'文件吗? – charlietfl 2014-09-13 12:16:48

回答

0

我觉得你href属性必须href='#/register'而不是href='/register'