Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – Angular JS – 将ng-click $index值传递给控制器​​函数,然后返回另一个视图大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我将ng-click $index值传递给我的控制器,然后使用它在ng-repeat中的值来表示我的数据,但得到的错误表明“ReferenceError:myChoice未定义”

我的观点(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>

当我运行应用程序时,’myChoice’的值没有传递到第二个视图,因此错误“ReferenceError:myChoice未定义”

请告诉我哪里出错了?谢谢.

解决方法

如果要使用ng-repeat传递$index,则需要指定它.所以你的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没有被定义,因为你从未初始化一个名为myChoice的变量.但是你有一个名为$scope.myChoice的变量.
因此,您应该执行以下操作以在控制台中显示变量:

console.log($scope.myChoice);

大佬总结

以上是大佬教程为你收集整理的angularjs – Angular JS – 将ng-click $index值传递给控制器​​函数,然后返回另一个视图全部内容,希望文章能够帮你解决angularjs – Angular JS – 将ng-click $index值传递给控制器​​函数,然后返回另一个视图所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: