Angular JS - 将 ng-click $index 值传递给控制器函数然后返回到另一个视图
Angular JS - Passing ng-click $index value to a controller function then back to another view
我将 ng-click $index 值传递给我的控制器,然后将它在 ng-repeat 中的值用于数组中的数据,但出现错误提示 "ReferenceError: myChoice is not defined"
我的视图 (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 is not defined"
请指教我哪里出错了?谢谢。
当您想使用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 is not defined
的原因是因为你从未初始化一个名为myChoice
的变量。但是,您确实有一个名为 $scope.myChoice
的变量。
因此,您应该执行以下操作以在控制台中显示变量:
console.log($scope.myChoice);
我将 ng-click $index 值传递给我的控制器,然后将它在 ng-repeat 中的值用于数组中的数据,但出现错误提示 "ReferenceError: myChoice is not defined"
我的视图 (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 is not defined"
请指教我哪里出错了?谢谢。
当您想使用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 is not defined
的原因是因为你从未初始化一个名为myChoice
的变量。但是,您确实有一个名为 $scope.myChoice
的变量。
因此,您应该执行以下操作以在控制台中显示变量:
console.log($scope.myChoice);