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视图时的页面?
真的不清楚您的问题是什么。你忘了包含'ngRoute'文件吗? – charlietfl 2014-09-13 12:16:48