来自嵌套 ng-repeat 的函数调用

function call from nested ng-repeat

本文关键字:函数调用 ng-repeat 嵌套 自嵌      更新时间:2023-09-26
<ul class="day">
    <li ng-repeat="sessions in day">
        <ul class="table-view">
            <li class="table-view-cell" ng-repeat="(heading, session) in sessions">
                <span class="group">{{heading}}</span>
                <ul class="cell">
                    <li class="cell-content" ng-repeat="val in session" ng-click="session($event, val.id)">
                        <div class="time" style="background-color:#{{val.color}}">
                            <span>{{val.start | date:"h:mma"}}</span>
                            <span>to</span>
                            <span>{{val.end | date:"h:mma"}}</span>
                        </div>
                        <div class="session" ng-class-odd="'odd'" ng-class-even="'even'">
                            <span class="name">{{val.name}}</span>
                            <span class="room">Room: {{val.room}}</span>
                        </div>
                    </li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

我有一个嵌套的 ng 重复,并且在最后一个内部循环中有一个函数调用,该函数是在$scope上定义的,但我收到以下错误。

TypeError: object is not a function
$scope.session = function($event, id) {
   console.log(id);
};

不确定它是否与ng重复的嵌套及其范围有关。

它与嵌套多个 ng 重复无关,但我认为它sessionng-repeat="(heading, session) in sessions"返回的对象混合在一起。尝试将函数名称更改为其他名称并尝试一下。