细枝中的AngularJS组件

我在我的symfony项目中集成了AngularJS，该项目使用了twig作为模板引擎

但在使用循环时，我的模板崩溃了：

<md-item ng-repeat="{{ '{%item in menu%}' }}">
    <a>
      <md-item-content md-ink-ripple layout="row" layout-align="start center">
        <div class="inset">
            <ng-md-icon icon="{{ '{{item.icon}}' }}"></ng-md-icon>
        </div>
      </md-item-content>
    </a>
</md-item>

那么有什么好方法可以在Twig中使用angularJS循环/变量等呢

---

谢谢和问候

可能是AngularJS语法的问题，而不是Twig。使用标准语法测试twig和Angular 1.4.5。这应该起作用：

<md-item ng-repeat="item in menu">
    <a>
        <md-item-content md-ink-ripple layout="row" layout-align="start center">
            <div class="inset">
                <ng-md-icon icon="{{ '{{item.icon}}' }}"></ng-md-icon>
            </div>
        </md-item-content>
    </a>
</md-item>

我认为应该是：

<md-item ng-repeat="item in menu">
<a>
  <md-item-content md-ink-ripple layout="row" layout-align="start center">
    <div class="inset">
        <ng-md-icon icon="{{ '{{item.icon}}' }}"></ng-md-icon>
    </div>
  </md-item-content>
</a>

---

在

ng repeat

中，您不必使用大括号。

为了避免树枝混淆，您应该将angularjs括号更改为其他括号：

angular.module('myApp', []).config(function($interpolateProvider){
    $interpolateProvider.startSymbol('{*').endSymbol('*}');
});

angular.module('myApp', []).config(function($interpolateProvider){
    $interpolateProvider.startSymbol('{*').endSymbol('*}');
});