Laravel 4 UI引导和Laravel刀片模板
我正在项目中使用UI引导: 问题:我无法使用刀片模板处理javascriptLaravel 4 UI引导和Laravel刀片模板,laravel-4,angular-ui-bootstrap,Laravel 4,Angular Ui Bootstrap,我正在项目中使用UI引导: 问题:我无法使用刀片模板处理javascript标记。获取内部服务器错误(500) 以下是我的视图路径: 视图 包括 布局 页数 这是我的includes/head.blade.php文件: <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="description" content=""> <meta name="auth
标记。获取内部服务器错误(500)
以下是我的视图路径:
视图
- 包括
- 布局
- 页数
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="">
<meta name="author" content="Scotch">
<title>Title</title>
{{ HTML::style('../public/css/bootstrap.min.css') }}
{{ HTML::script('//public/js/jquery-1.11.1.js')}}
<!doctype html>
<html ng-app="ui.bootstrap.demo">
<head>
@include('includes.head')
{{ HTML::script('//public/js/ui.bootstrap.min.js') }}
{{ HTML::script('//public/js/angular.min.js')}}
{{ HTML::script('//public/js/example.js')}}
</head>
<body>
<div class="container">
<header class="row">
@include('includes.header')
</header>
<div id="main" class="row">
@yield('content')
</div>
<footer class="row">
@include('includes.footer')
</footer>
</div>
</body>
</html>
@extends('layouts.home')
@section('content')
<div ng-controller="ModalDemoCtrl">
<script type="text/ng-template" id="myModalContent.html">
<div class="modal-header">
<h3 class="modal-title">I'm a modal!</h3>
</div>
<div class="modal-body">
<ul>
<li ng-repeat="item in items">
<a ng-click="selected.item = item">{{ item }}</a>
</li>
</ul>
Selected: <b>{{ selected.item }}</b>
</div>
<div class="modal-footer">
<button class="btn btn-primary" ng-click="ok()">OK</button>
<button class="btn btn-warning" ng-click="cancel()">Cancel</button>
</div>
</script>
<button class="btn btn-default" ng-click="open()">Open me!</button>
<button class="btn btn-default" ng-click="open('lg')">Large modal</button>
<button class="btn btn-default" ng-click="open('sm')">Small modal</button>
<div ng-show="selected">Selection from a modal: {{ selected }}</div>
</div>
@stop
angular.module('ui.bootstrap.demo', ['ui.bootstrap']);
angular.module('ui.bootstrap.demo').controller('ModalDemoCtrl', function ($scope, $modal, $log) {
$scope.items = ['item1', 'item2', 'item3'];
$scope.open = function (size) {
var modalInstance = $modal.open({
templateUrl: 'myModalContent.html',
controller: 'ModalInstanceCtrl',
size: size,
resolve: {
items: function () {
return $scope.items;
}
}
});
modalInstance.result.then(function (selectedItem) {
$scope.selected = selectedItem;
}, function () {
$log.info('Modal dismissed at: ' + new Date());
});
};
});
// Please note that $modalInstance represents a modal window (instance) dependency.
// It is not the same as the $modal service used above.
angular.module('ui.bootstrap.demo').controller('ModalInstanceCtrl', function ($scope, $modalInstance, items) {
$scope.items = items;
$scope.selected = {
item: $scope.items[0]
};
$scope.ok = function () {
$modalInstance.close($scope.selected.item);
};
$scope.cancel = function () {
$modalInstance.dismiss('cancel');
};
});
下面是我的ui.bootstrap.min.js注入:
现在问题来了:
我认为在页面/home.blade.php文件中,
标记之间的代码有问题
看看这个:
下面是我得到的错误(对不起,默认语言是土耳其语)
正如我所说,我的目的是同时使用UI引导和laravel刀片模板。
提前谢谢 这是否是您唯一的问题还不清楚,但是角度模板和刀片模板都使用相同的标记来表示插值区域的开始/结束,即
{{
和}
。如果要同时使用它们,则需要将其中一个更改为其他内容,否则服务器上的刀片将解释角度代码,并导致500服务器错误
在Blade中,这看起来像:
Blade::setContentTags('<%', '%>');
Blade::setEscapedContentTags('<%%', '%%>');
Blade::setContentTags(“”);
刀片::setEscapedContentTags(“”);
在Angular中,它将如下所示:
var myApp = angular.module('myApp', [], function($interpolateProvider) {
$interpolateProvider.startSymbol('<%');
$interpolateProvider.endSymbol('%>');
});
var myApp=angular.module('myApp',[],函数($interpolateProvider){
$interpolateProvider.startSymbol(“”);
});
在Chrome中尝试网页,打开web Inspector工具栏,单击“网络”选项卡,然后查找出现500内部服务器错误的请求。如果单击“预览”选项卡,它将显示错误消息Laravel正在返回。@很抱歉,它会显示“加载响应数据失败”。有其他想法吗?安装laravel debugbar以了解有关错误的更多信息我对angular不太了解,但您确定angular控制器的路由正确吗?比如被调用的路由是否存在?您能否直接在引用它的容器外部访问它?对不起,我已经有一段时间没有开始学习角度了。问题是别的。我正在尝试使用ui引导而不使用刀片模板,它仍然不起作用。但是当我解决这个问题时,你的回答会很有帮助。我将保持联系。检查网络选项卡以确保UI引导资源正确加载。看看你是如何把它们拉进来的:'/public/js/ui.bootstrap.min.js'
>你不应该把public
目录包含在那里面,谢谢@watcher。我现在有手机,但我明天会通知你的。谢谢你的反馈。