Angular JS - 将ng-click $ index值传递给控制器​​函数，然后返回另一个视图

Question

我将ng-click $ index值传递给我的控制器，然后在ng-repeat中使用它的值来表示我的数据，但是得到错误提示＆＃34; ReferenceError：myChoice未定义＆ ＃34;

我的观点（months.html）有一个所有月份的列表，选中后，它会将值传递给控制器​​。

<ion-list ng-repeat="time in times.months" ng-click="getMonthId($index)" style="">
  <ion-item style="" href="#/dmtimes">{{ time.monthId }} - {{ time.MonthName }</ion-item>
</ion-list>

视图输出显示：

1 - Jan
2 - Feb 
3 - Mar
etc

我的控制器有以下提取代码：

.controller('dailyMeetingTimesCtrl', function($scope, MeetingNames, $ionicLoading, $firebase, $firebaseArray) {

  $scope.getMonthId = function (monthId) {
    alert("you selected: " + monthId); // this works fine.
    $scope.myChoice = monthId; // ReferenceError: myChoice is not defined

    console.log(myChoice);
  }
})

在我的第二个视图（displayMeetingTimes.html）中，我想显示所选月份的会议详情，时间等。代码如下：

<ion-view title="Daily Meeting Times">
  <ion-content ng-controller="dailyMeetingTimesCtrl" class="has-header" overflow-scroll="true" padding="true">
    <ion-list>

      <ion-item ng-repeat="time in times.months(myChoice).days" class="item-text-wrap">
        <span>{{myChoice}}</span>
        Meeting Name:   {{ time.meetingName }}<br />
        Star Time:  {{ time.startTime }}<br />
        Finish Time:    {{ time.finishTime }}<br />
      </ion-item>         
    </ion-list>

  </ion-content>
</ion-view>

当我运行应用程序时，＆＃39; myChoice＆＃39;没有传递到第二个视图，因此错误＆＃34; ReferenceError：myChoice未定义＆＃34;

请告知我哪里出错了？谢谢。

Answer 1

如果您想使用$index传递ng-repeat，则需要指定它。所以你的HTML应该如下：

<ion-list ng-repeat="time in times.months track by $index" ng-click="getMonthId($index)" style="">
  <ion-item style="" href="#/dmtimes">{{ time.monthId }} - {{ time.MonthName }
  </ion-item>
</ion-list>

其次，您获得ReferenceError: myChoice is not defined的原因是因为您从未初始化名为myChoice的变量。但是，您确实有一个名为$scope.myChoice的变量。
因此，您应该在控制台中显示变量：

console.log($scope.myChoice);