Laravel と Angular を組み合わせると、この問題に直面しています。
オンラインで見つけた非常に簡単なチュートリアルng-view
に従って、ディレクティブを使用してビューをロードしようとしました。ただし、実際にテンプレートをロードすることはできません。これは私のapp.js
コードです:
(function() {
var app = angular.module('profuApp', ['ngRoute']);
app.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
$routeProvider
.when('/inicio', {
templateUrl: '../templates/inicio.html',
controller: 'homeCtrl'
})
.otherwise({ redirectTo: '/' });
}]);
app.controller('homeCtrl', ['$scope', '$http', function($scope, $http) {
$http.get('http://localhost:8888/profucom/public/getData').success(function(data) {
$scope.datos = data;
});
}])
})();
私のファイルツリー:
app/
bootsrap/
public/
js/
angular.min.js
angular-route.min.js
app.js
templates/
inicio.html
. . .
サイトは正常に読み込まれますが、ソース コードを見ると、 内のテンプレートを見る代わりにinicio.html
、これが発生します...
index.blade.php ファイル内のコード
<div ng-view></div>
ブラウザのソースコードに表示されるコード
<!-- ng-view: -->
Chromeのnetwork
タブには、ビューを読み込もうとして 404 エラーが表示されません。
私がこれまでに試したこと:
- フォルダー内にテンプレートを配置する
js
(templateUrl: 'templates/inicio.html') - フォルダー内にテンプレートを配置する
public
(templateUrl: '../templates/inicio.html')- また、
templateUrl: '/public/templates/inicio.html'
- また、
- ルート フォルダー内にテンプレートを配置する (templateUrl: '/templates/inicio.html')
- フォルダー内にファイルのみを配置する
js
: (templateUrl: 'inicio.html')
上記のどれも機能していないようです。何か助けてください。
編集私はまた、これがURLで起こっているのを見ます:代わりに、次のmyapp/public/inicio
ようにロードしますmyapp/public/inicio#/