javascript - Angular 抛出错误 $parse : ueoe Unexpected End of Expression

Question

我网站的这一部分有错误，我无法弄清楚，因为我已经好几个月没有更改它了。

错误是:

Error: [$parse:ueoe] http://errors.angularjs.org/1.4.3/$parse/ueoe?p0=event._id%3FEventController
    at Error (native)
    at http://localhost:3000/scripts/libs.js:44598:416
    at Object.q.consume (http://localhost:3000/scripts/libs.js:44801:157)
    at Object.q.ternary (http://localhost:3000/scripts/libs.js:44794:497)
    at Object.q.assignment (http://localhost:3000/scripts/libs.js:44794:284)
    at Object.q.expression (http://localhost:3000/scripts/libs.js:44794:237)
    at Object.q.filterChain (http://localhost:3000/scripts/libs.js:44794:145)
    at Object.q.expressionStatement (http://localhost:3000/scripts/libs.js:44794:91)
    at Object.q.program (http://localhost:3000/scripts/libs.js:44793:458)
    at Object.q.ast (http://localhost:3000/scripts/libs.js:44793:257) <li class="controller__item controller__item--disabled" data-controller-range="[1, 1]" data-event-sidebar-to="false" ng-click="event._id ? EventController.update(event._id, event) : EventController.create(event)">

根据 angular.js:

错误:$parse:ueoe表达式意外结束表达式意外结束:event._id描述当表达式末尾缺少标记时发生。例如，忘记表达式中的右括号将触发此错误。

要解决这个问题，请详细了解 Angular 表达式，确定错误并修复表达式的语法。

HTML 模板:

<main class="main">
    <div ng-include src="'/admin/navbar/navbar.template.html'"></div>
    <div ng-include src="'/admin/breadcrumb/breadcrumb.template.html'"></div>
    <section class="events">
        <div class="events__container">
            <div class="events__row">
                <div class="col-md-12">
                    <div class="events__box">
                        <div class="events__header">
                            <h2 class="events__title"> Todos os eventos - </h2>
                        </div>
                        <div class="events__body">
                            <table class="events__table" data-table>
                                <!-- directive:table-sorter-directive -->
                                <thead>
                                    <tr>
                                        <th class="events__th events__th--all">
                                            <input type="checkbox" />
                                        </th>
                                        <th class="events__th"> Nome </th>
                                        <th class="events__th"> Data </th>
                                        <th class="events__th events__th--reservations"> Reservas </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr class="events__tr" ng-repeat="event in events">
                                        <td class="events__td events__td--checkbox">
                                            <input type="checkbox" data-controller-input ng-click="EventController.retrieveOne(event._id)"/>
                                        </td>
                                        <td class="events__td"> {{ event.name }} </td>
                                        <td class="events__td"> {{ event.date }} </td>
                                        <td class="events__td events__td--reservations"> 50 </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <aside class="events__sidebar" data-event-sidebar>
                <!-- directive:event-sidebar-directive  -->
                <form class="events__sidebar-form" method="POST" action="#">
                    <div class="events__sidebar-group">
                        <label class="events__sidebar-label" for="event_value"> Valores: </label>
                        <input class="events__sidebar-input event__sidebar-input--value" type="text" id="event_value" ng-model="event.men"/>
                        <input class="events__sidebar-input event__sidebar-input--value" type="text" id="event_value" ng-model="event.women"/>
                    </div>
                    <div class="events__sidebar-group">
                        <label class="events__sidebar-label" for="event_name"> Nome do evento: </label>
                        <input class="events__sidebar-input" type="text" id="event_name" ng-model="event.name"/>
                    </div>
                    <div class="events__sidebar-group">
                        <label class="events__sidebar-label" for="event_hour"> Hora: </label>
                        <input class="events__sidebar-input" type="text" id="event_hour" ng-model="event.hour"/>
                    </div>
                    <div class="events__sidebar-group">
                        <label class="events__sidebar-label" for="event_point"> Ponto de encontro: </label>
                        <input class="events__sidebar-input" type="text" id="event_point" ng-model="event.meeting"/>
                    </div>
                    <div class="events__sidebar-group">
                        <label class="events__sidebar-label" for="event_info"> Informações simples: </label>
                        <input class="events__sidebar-input" type="text" id="event_info" placeholder="1 Hora de Open Bar + 2 horas de loucura"/>
                    </div>
                    <div class="events__sidebar-group">
                        <label class="events__sidebar-label" for="event_hiw"> Como funciona: </label>
                        <input class="events__sidebar-input" type="text" id="event_hiw" ng-model="event.hiw"/>
                    </div>
                </form>
            </aside>
        </div>
    </section>
    <aside class="controller" data-controller> 
        <!-- directive:controller-directive -->
        <!-- directive:controller-action-directive  -->
        <div class="controller__controller" data-controller-indicator>
            <i class="icon icon__cogs"></i>
        </div>
        <div class="controller__container">
            <ul class="controller__list">
                <li class="controller__item"                            data-controller-range="[0]" data-event-sidebar-to="true" ng-click="EventController.clean()">
                    <i    class="icon icon__plus icon__2x"></i>
                    <span class="controller__legend"> Novo </span>
                </li>
                <li class="controller__item controller__item--disabled" data-controller-range="[1, 1]" data-event-sidebar-to="true">
                    <i    class="icon icon__pencil icon__2x"></i>
                    <span class="controller__legend"> Editar </span>
                </li>
                <li class="controller__item controller__item--disabled" data-controller-range="[1, 1]" data-event-sidebar-to="false" ng-click="event._id ? EventController.update(event._id, event) : EventController.create(event)">
                    <i    class="icon icon__cloud icon__2x"></i>
                    <span class="controller__legend"> Salvar </span>
                </li>
                <li class="controller__item controller__item--disabled" data-controller-range="[1]" data-event-sidebar-to="false" ng-click="EventController.delete(event._id)">
                    <i    class="icon icon__trash icon__2x"></i>
                    <span class="controller__legend"> Deletar </span>
                </li>
                <li class="controller__item controller__item--email">
                    <i    class="icon icon__search icon__2x"></i>
                    <span class="controller__legend"> E-mail </span>
                </li>
                <li class="controller__item controller__item--search">
                    <i    class="icon icon__envelope icon__2x"></i>
                    <span class="controller__legend"> Pesquisar </span>
                </li>
            </ul>
        </div>
    </aside>
</main>

事件 Controller .js:

'use strict';
var EventController = function(scope, EventModel) {
    this.scope      = scope;
    this.EventModel = EventModel;
    this.scope.store = [];

    this.retrieve();
};

EventController.prototype = {
    clean: function() {
        this.scope.event = {};
    },

    create: function(newEvent) {
        this.EventModel.Model.insert(newEvent)
            .then(function(result) {

            });
    },

    retrieve: function() {
        var that = this;

        this.EventModel.Model.find()
            .then(function(result) {
                that.scope.events = result;
            });
    },

    retrieveOne: function(eventId) {
        var that = this;

        this.EventModel.Model.findOne(eventId)
            .then(function(result) {
                that.scope.event = result;
            });
    },

    update: function(editedEvent, event) {
        this.EventModel.Model.update(editedEvent, event)
            .then(function(result) {

            });
    },

    delete: function(eventId) {
        this.EventModel.Model.remove(eventId)
            .then(function(result) {

            });
    }
};

angular.module('adminApp').controller('EventController', ['$scope', 'EventModel', EventController]);

我不知道是什么问题。有人可以帮忙吗？

谢谢。

Answer 1

我相信错误可能是 src 的原因属性

ng-include src="'/admin/navbar/navbar.template.html'"
ng-include src="'/admin/breadcrumb/breadcrumb.template.html'"

应该是

ng-include="'/admin/navbar/navbar.template.html'"
ng-include="'/admin/breadcrumb/breadcrumb.template.html'" 

src仅当包含为 element 时才应为属性<ng-include

但在你的情况下 ng-include用作 attribute

有关更多信息，请查看文档 ng-include