質問

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 / 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){

}]);
.

と最後に私のテンプレート: アプリ/ビュー/ admin / documents / index.php

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

私は何をしていますか?もっと多くの情報が必要な場合は教えてください。 事前にありがとう:)

役に立ちましたか?

解決

アプリフォルダはブラウザからの要求を介してアクセスできないため、テンプレープをパブリックフォルダに配置する必要があります。あるいは、テンプレートのルートを書くことができます(私の意見ではお勧めしません)

とにかくネットワークコンソールにエラーが発生するはずです(404)テンプレートのロードカントがロードされない

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top