【发布时间】:2014-04-13 22:34:40
【问题描述】:
我开始使用 laravel 构建一个新应用程序,并决定尝试 angular.js。 所以我将使用一种混合方法,其中登录是在 Angular 之外进行的,然后我有一个主页,我想在其中使用 Angular 加载模板。
我在加载视图部分卡住了 angular。控制台中未显示任何错误,并且模板也未加载。
这是我的 routes.php 文件:
// Login routes here
...
// Routes protected by auth filter
Route::group(['prefix' => 'admin', 'before' => 'auth'], function(){
Route::get('/', 'AdminPagesController@main'); // Main Page
Route::resource('documents', 'DocumentsController');
});
app/views/admin/layouts/master.blade.php 文件:
<html ng-app="intern">
<head>
...
</head>
<body>
<div ng-view=""></div>
{{ HTML::script('js/vendor/angular.min.js') }}
{{ HTML::script('js/vendor/angular-route.min.js') }}
{{ HTML::script('js/admin/app.js') }}
{{ HTML::script('js/admin/controllers/documentsController.js') }}
</body>
</html>
public/js/admin/app.js
'use strict';
var intern = angular.module('intern', ['ngRoute'], function($interpolateProvider) {
$interpolateProvider.startSymbol('<%');
$interpolateProvider.endSymbol('%>');
});
intern.config(function($routeProvider) {
$routeProvider
// route for the home page
.when('/admin', {
templateUrl : 'app/views/admin/documents/index.php',
controller : 'documentsController'
});
$routeProvider.otherwise({templateUrl:'app/views/admin/documents/index.php'});
});
public/js/admin/controllers/documentsController.js(暂时没有什么)
intern.controller('documentsController', ['$scope', function(scope){
}]);
最后是我的模板: app/views/admin/documents/index.php
<div>
<h1>index documents</h1>
</div>
我做错了什么?如果你们需要更多信息,请告诉我。 在此先感谢:)
【问题讨论】:
标签: javascript php angularjs laravel single-page-application