个人中心
文章发布
退出
作者热门文章
- iOS/Objective-C 元类和类别
- objective-c - -1001 错误，当 NSURLSession 通过 httpproxy 和/etc/hosts
- java - 使用网络类获取 url 地址
- ios - 推送通知中不播放声音
26
4
我在使用 symfony 和 angular 时遇到了一些路由问题。我试着改编这个 tutorial对于我的项目和我的 symfony 后端。但是无论我在我的主要 html 页面或我的 js Angular 文件中做什么，当我检查一个元素(使用 chrome 工具)时，包含我的 ng-view 的 div 总是在评论中。我在论坛上看到，如果路由不起作用，angularjs 会评论 ng-view。有人可以帮忙解决这个路由问题吗？
编辑:Angular 似乎获得了路由，但无法检索 html 部分 html，因为控制台在每个调用的 html 页面上向我显示 404。有谁知道我应该把我的 html 部分文件放在哪里？
编辑 2:我终于找到了我的静态 html 文件的路径，但 Web 服务器返回 403 错误(禁止访问)。你知道我如何访问这个文件吗？
这是文件:
layout.html.twig(主模板):
<!DOCTYPE HTML>
<html ng-app="adcApp">
<head>
<meta charset="utf-8">
{% stylesheets filter='cssrewrite'
'Resources/css/bootstrap.min.css'%}
<link rel="stylesheet" href="{{ asset_url }}" type="text/css"/>
{% endstylesheets %}
{% javascripts
'Resources/js/jquery-1.9.1.js'
'Resources/js/bootstrap.js'
'Resources/js/angular.js'
'Resources/js/angular-route.js'
'Resources/js/app.js'
'Resources/js/Controllers.js' %}
<script type="text/javascript" src="{{ asset_url }}"></script>
{% endjavascripts %}
<title>ADC-WebApp</title>
</head>
<body>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" ng-href="">ADC-WebApp</a>
</div>
<div>
<ul class="nav navbar-nav">
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="">Plan de production
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="#/Comparaison">Comparaison</a></li>
<li><a href="#/Param">Paramètres</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<div class="row">
<div ng-view></div>
</div>
</body>
</html>
应用程序.js:
'use strict';
var adcApp = angular.module('adcApp', ['ngRoute', 'adcAppControllers']);
adcApp.config(function($interpolateProvider){
$interpolateProvider.startSymbol('{[{').endSymbol('}]}'); //Conflict with twig
});
adcApp.config(['$routeProvider', function($routeProvider)
{
$routeProvider.when('/OGPP/#/Comparaison',
{
templateUrl: 'partials/Comparaison.html',
controller: 'ComparaisonCtrl'
})
.when('/OGPP/#/Param',
{
templateUrl: 'partials/Param.html',
controller: 'ParamCtrl'
})
.when('/OGPP',
{
templateUrl: 'partials/index.html',
controller: 'HomeCtrl'
});
}]);
PHP Controller :
class OgppController extends Controller
{
public function indexAction()
{
$content = $this->render('ADCOgppBundle:Ogpp:layout.html.twig');
return new Response($content);
}
}
我的 partial 文件夹与我的 layout.html.twig (BundleDir/Resources/Views/Bundle) 位于同一目录中。我所有的 Controller 都已声明，但它们只是在控制台中输出一些文本，没有打印任何内容。
最佳答案
所以我终于成功了。我是 angularjs 和 Symfony 的新手，所以我会写下我为使我的路线正常工作所做的一切。
1st : 当在angular中使用路由时，不要放置/#/，在这之后开始你的路由。 Angular 路由在此 url 之后开始。更多详情 here (第一个答案)
第二:在你的 templateUrl 中，从你的项目目录开始写下你的完整路径。例如，如果您正在使用 wamp(我的案例)并且您的项目名称是“Symfony”，那么路径是:WampInstall/Symfony\src\projectName\BundleName\Resources\views\BundleName\partials 如果您使用 partial 作为部分 View 的目录名称。
第三:Apache 不允许 angularjs 执行 GET 请求。所以你必须配置它。我将 .htaccess 文件更改为 .src Symfony 目录。这是 link我跟着。但我不确定这对网络服务器安全是否安全。
在此之后，一切都应该正常。
关于javascript - 使用 Angular 和 Symfony 进行路由，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27636258/
26
4
0
我的 Angular 应用程序中有以下代码。 app.config(function($routeProvider, $locationProvider) { $locationProvider
这就是我在 Backbone 中进行路由的方式，在决定调用哪个外部模板之前，首先获取路由及其参数。我觉得这很灵活。 var Router = Backbone.Router.extend({
我是 MEAN 堆栈领域的新手，我对 Angular 路线有一些疑问。为什么我应该在客户端重新创建后端已经用express.js创建的路由，有什么好处？这是 Angular.js 工作的唯一方式吗？我
我可以设置一条从根级 URL 进行映射的路由吗？ http://localhost:49658/ 我使用的是 VS2010 内置 Web 服务器。 尝试使用空白或单斜杠 URL 字符串设置路由不起作用
我有一个现有的应用程序 Rails 3.2.17和 Angular js。我想在现有应用程序中包含 Activeadmin。 我遵循了 active-admin post from ryan bate
我正在关注 this Angular 中的路由教程，它就是行不通。当我使用“comp”选择器放置它的 HTML 代码时，它可以工作，但是当我尝试使用路由器 socket 对其进行路由时，它只显示来自
多个路由通过路由器进行管理。 前端路由的概念和原理 (编程中的) 路由 （router）就是一组 key-value 对应关系，分为：后端路由和前端路由 后端路由
服务器需要根据不同的URL或请求来执行不一样的操作，我们可以通过路由来实现这个步骤。 第一步我们需要先解析出请求URL的路径，我们引入url模块。 我们来给onRequest()函数加上一些逻辑
我正在为 Angular 6 应用程序设置路由，我想要一条可以匹配可变数量的段的路由。目前我有一个看起来像这样的路由配置: const routes: Routes = [ { path: '',
用户将点击电子邮件中的链接，如下所示: do-something/doSomething?thing=XXXXXXXXXXX 如何在路由器中定义路由并订阅获取参数？ 目前在我的路由器中: {
我有一个具有以下结构的 Angular (4) 应用程序: app.module bi.module auth.module 路由应该是: / -> redirect to /home /
我正在使用 WCF 4 路由服务，并且需要以编程方式配置服务(而不是通过配置)。我见过的这样做的例子很少见，创建一个 MessageFilterTable 如下: var fi
我需要创建一个“路由”服务。我正在尝试使用 .Net 的 System.ServiceModel.Routing.IRequestReplyRouter我可以让它只在 HTTP 模式下工作，而不是在
例如，链接: /shop/phones/brend/apple/display/retina/color/red 在哪里: phones - category alias brend -
非常基本的问题，我很惊讶我找不到答案。我刚刚开始研究 django 并进行了开箱即用的安装。创建了一个项目并创建了一个应用程序。 urls.py 的默认内容很简单: urlpatterns = [
我已经实现了 WCF 路由服务；我还希望该服务(或类似的 WCF 服务)以规定的和统一的(与内容无关的)方式转换有效负载。例如，有效负载将始终采用 Foo 的形式。我想把它作为Bar在所有情况下。我很
我想使用 $locationProvider.html5Mode(true); 在 angularJs 中删除 # 哈希；但这导致所有 URL 都通过 angularJs 进行路由。我如何设置它以便只
我要听导航开始事件并判断其是否url属性是 /logout . 如果是这样，路由器应该停止触发连续事件，例如 路线已识别 , GuardsCheckStart , ChildActivationSta
有人可以解释我如何使用参数路由到 URL 吗？ 例如id 喜欢点击产品并通过Id打开产品的更多信息。 我的路由到目前为止... angular.module('shop', ["cus
我目前正在 Angular: 7.2.14 上构建，想看看是否有人可以解释如何使用路由保护、共享服务或其他方式等重定向查询参数。 我试图解决的问题要求查询参数从根 Uri 路径传入，然后将路由重定向到
我是一名优秀的程序员,十分优秀！