在我的infoDisplay(member)
中,我需要访问特定于我从$scope单击的div的ng-init值并操作该值。我该怎么做?
<div ng-repeat="member in memberData">
<div class="card" ng-init="cardClicked = 'false'">
<div ng-click="infoDisplay(member)">
</div>
</div>
</div>
Javascript:
$scope.infoDisplay = function (member) {
if (settings.useApiInfo == 'false') {
var url = settings.directoryUrl + member.Id;
var openUrl = cordova.InAppBrowser.open(url, '_system', 'location = yes');
}
else {
cardClicked = { 'true': 'false', 'false': 'true' }[cardClicked];
}
}
第一部分有效,它是在我的移动应用程序中打开一个URL。我只需要第二部分,但无法让它工作。
我要做的是在项目本身上设置标志:
<div ng-repeat="member in memberData">
<div class="card" ng-init="member.cardClicked = false">
<div ng-click="infoDisplay(member)">
</div>
</div>
</div>
然后,您可以在控制器中访问它:
$scope.infoDisplay = function(member) {
var cardClicked = member.cardClicked;
}
如果您认为您的cardClicked
不应该出现在您的member
项上,只需跟踪数组中的值:
<div ng-repeat="member in memberData">
<div class="card" ng-init="cardsClicked[$index] = false">
<div ng-click="infoDisplay(member, $index)">
</div>
</div>
</div>
然后,您可以在控制器中访问它:
$scope.infoDisplay = function(member, index) {
var cardClicked = $scope.cardsClicked[index];
}