错误:[$ parse:syntax]语法错误:令牌'{'是一个意外的令牌

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了错误:[$ parse:syntax]语法错误:令牌'{'是一个意外的令牌相关的知识,希望对你有一定的参考价值。

我在AngularJS中并不是那么好,所以也许这个问题解决起来非常简单,但我找不到解决方案而且它让我发疯了。

我必须将我的项目中的AngularJS版本从1.2.28更新到1.3.15,并且错误开始显示。现在我的导航栏在移动模式下无法正常工作。

错误是Error: [$parse:syntax] Syntax Error: Token '{' is an unexpected token at column 18 of the expression [expander.submenu_{{ $index }}.toggle()] starting at [{{ $index }}.toggle()].

我如何解决它?

有问题的文件是:

ul.show-on-large(data-context-menubar)
    li(gp-aria-role="menuitem" role="menuitem")
        a.nav-primary-item(title='Home',ui-sref-opts="{location: false}",  ui-sref='subscription.location.home' ng-click="expander.collapse(); menu.cancel();") Home
    li(ng-repeat='folder in rootFolders track by folder.Id' ng-class="{'megamenu-hover': hover==folder.Id}" ng-mouseenter="menu.show(folder.Id)" ng-mouseleave="menu.cancel()")
        .nav-primary-item(ng-if="folder.hasChildren" gp-aria-role="menuitem" role="menuitem" aria-haspopup="true" aria-owns="submenu_{{ $index }}" ng-click="expander.submenu_{{ $index }}.toggle()")
            | {{ folder.Name }}
            i.icon-down-open
        a.nav-primary-item(ng-if="!folder.hasChildren" ui-sref-opts="{location: false}" ui-sref="subscription.location.folder({ type: 'folder', locationId: '{{ folder.Id }}' })" gp-aria-role="menuitem" role="menuitem")
            | {{ folder.Name }}
        .panel.megamenu(ng-if="folder.hasChildren" id="submenu_{{$index}}" gp-aria-role="menu" role="menu" ng-show="hover==folder.Id || expander.submenu_{{ $index }}.state")
            .step3.large_3.show-on-large(ng-if="folder.Featured.length > 0" ng-repeat='item in folder.Featured track by item.Id')
                a.panel.megamenu-featured(ui-sref-opts="{location: false}", title="Link to {{item.title}}" ui-sref="subscription.location.content({ type: '{{item.Type}}', locationId: '{{ item.Id }}' })" gp-aria-role="menuitem" role="menuitem" ng-click="expander.collapse(); menu.cancel();")
                    img(ng-src='{{ imageSrc(item.ImageId) }}', alt='Feature thumbnail' class="megamenu-thumb")
                    b.epsilon.uppercase.primary-color Featured Article
                    p {{ item.Name }}
            .large_3(ng-repeat='column in folder.Columns track by $index')
                ul.nav-megamenu-secondary(data-context-submenu)
                    li(ng-repeat='subFolder in column track by subFolder.Id')
                        a(gp-aria-role="menuitem" role="menuitem" ui-sref-opts="{location: false}", ui-sref="subscription.location.folder({ type: 'folder', locationId: '{{ subFolder.Id }}' })" ng-click="expander.collapse(); menu.cancel();")
                            | {{ subFolder.Name }}
答案

javascript中,可以使用方括号替代地访问对象的属性。试试这个:

ng-click="expander['submenu_' + $index ].toggle()"

以上是关于错误:[$ parse:syntax]语法错误:令牌'{'是一个意外的令牌的主要内容,如果未能解决你的问题,请参考以下文章

我不断收到此错误,XML Parsing error: syntax error 但网站仍然运行良好

PHP Parse Error: syntax error, unexpected $end 错误的解决办

如何修复WordPress网站的Syntax Errors语法错误

为啥我会收到这个语法错误(false syntax error pyflakes)

请问哈,为啥会出来invalid syntax语法错误

android8.1编译出现py相关语法错误: SyntaxError: invalid syntax