ui-sref出错

时间:2017-07-16 14:41:27

标签: javascript html css angularjs angular-ui-router

我在div中使用class =“row episode-link”的第一个ui-sref收到错误,尽管其余的工作正常:

Syntax Error: Token '}' not a primary expression at column 12 of the expression [{seriesId: }] starting at [}].

如果在html结构的其余部分放置任何位置,那么相同的ui-sref工作正常。

无法跟踪错误。请帮助。

    <section>
        <div class="container-fluid">
            <div class="row episode-link">
                <a ui-sref="app.episode({seriesId: {{show._id}}})">
                    <div class="col-md-12 guide">
                        <span class="fa fa-chevron-right" style="float: right;"></span>
                        <h5>Episode Guide</h5>
                        <p>{{episodes.length}} episodes</p>
                    </div>
                </a>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="seriesjumbo jumbotron">
                        <div class="row">
                            <div class="col-md-4 show-img-div align-items-center">
                                <img class="show-img" src="{{show.poster}}" alt="{{show.seriesName}}">
                            </div>
                            <div class="col-md-8">
                                <h1>{{show.seriesName}}</h1>
                                <p class="episode-info"><i class="fa fa-calendar" aria-hidden="true"></i><span>{{show.firstAired | date: 'mm/dd/yyyy'}}</span></p>
                                <p class="info">{{show.network}}  <span class="rating"><i class="fa fa-star fa-lg star" aria-hidden="true"></i>  {{show.rating}}</span></p>
                                <p class="info"><em>{{show.airsDayOfWeek}}s, {{show.airsTime}} GMT </em></p>
                                <div class="cap">
                                    <span class="label label-default" ng-repeat="genre in show.genre">{{genre}}</span>
                                </div>
                                <div class="menus"><span class="fa fa-list"></span></div>
                                <div class="menus"><span class="fa fa-heart"></span></div>
                                <div class="bookmark"><span class="fa fa-bookmark"></span></div>
                                <div class="menus"><span class="fa fa-star"></span></div>
                                <div>
                                    <h3>Overview </h3>
                                    <p>{{show.overview}}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section>
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <uib-tabset active="active">
                    <uib-tab index="0" heading="Episodes">
                        <div class="row">
                            <div class="col-md-6">
                                <h5>Seasons</h5>
                                <ul class="season-list">
                                    <li ng-repeat="season in seasons | orderBy: '-valueOf()'"><a ui-sref="app.episode({seriesId: {{show._id}}, season: {{season}}})">{{season}}</a></li>
                                </ul>
                            </div>
                            <div class="col-md-6">
                                <h5>Years</h5>
                                <ul class="season-list">
                                    <li ng-repeat="year in firstAired | orderBy:'-toString()'"><a ui-sref="app.episode({seriesId: {{show._id}}, year: {{year}}})">{{year}}</a></li>
                                </ul>
                            </div>
                        </div>
                    </uib-tab>
                    <uib-tab index="1" heading="Fan Arts">
                        <div ui-view="fan_arts"></div>
                    </uib-tab>
            </div>
        </div>
    </div>
    </section>

0 个答案:

没有答案