im开始用laravel构建一个新的应用程序,并决定尝试angular.js。 所以我将使用一个混合方法,其中登录是在角度外,然后我有一个主页,我想使用角度加载模板。

我被粘在加载视图部分中,有角度。控制台中没有错误,模板也没有加载。

这是我的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 /视图/ 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 / controller / documentController.js(现在没有任何东西)

intern.controller('documentsController', ['$scope', function(scope){

}]);
.

最后我的模板: app /视图/ admin / documents / index.php

<div>
   <h1>index documents</h1>
</div>
.

我做错了什么?如果你们需要更多信息,请告诉我。 提前谢谢:)

有帮助吗?

解决方案

您必须将TemplaES放入公用文件夹,因为App-夹无法通过浏览器的请求访问。或者,您可以为模板编写一条路线(在我看来不建议的内容)

无论如何您应该在网络控制台中看到错误(404),导致模板无法加载

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top