Question

我试图在自定义指令中引用我的主要bandle中的twig文件（mapCities.html.twig）。谁能帮我这个？

app.directive('customDirective', function() {
  return {
    restrict: 'E',
    templateUrl: 'mapCities.html',
    // template: '<div id="sampleCode">This is sample code</div>',
    replace: true
  }
})

目前我得到的是404（如预期的那样）。
我的项目在 Symfony2＆amp; AngularJS

Answer 1

无法直接从前端访问Twig视图。您必须在routing.yml中设置路线才能使用basic rendering controller：

访问该文件

acme_bundle_map_cities:
    path: /mapCities
    defaults:
        _controller: FrameworkBundle:Template:template
        template:    'AcmeBundle:Static:mapCities.html.twig'

然后修改您的指令以匹配此路线：

app.directive('customDirective', function() {
  return {
    restrict: 'E',
    templateUrl: '/mapCities',
    // template: '<div id="sampleCode">This is sample code</div>',
    replace: true
  }
});

确保相应地修改您的值。

在AngularJS指令中引用Symfony2模板

1 个答案: