ng单击不起作用多次

Question

我在下拉列表中使用 ng-click 在另一个下拉列表中设置值，但需要能够多次单击它，以防用户需要更改它。

据我了解，ng-click应该能够多次使用。但我不能让它表演不止一次。

<div class="col-md-3">
<div class="btn-group" uib-dropdown is-open="status.isopen">
<button id="single-button" type="button" class="btn btn-primary btn-lg" uib-dropdown-toggle ng-disabled="disabled">
Campaign <span class="caret"></span>
</button>
<ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="single-button">
<li ng-repeat="campaign in int.campaigns">
<a ng-click="int.getPages(campaign.ID)">{{campaign.Name}}</a>
</li>
</ul>
</div>
</div>

这是我的职能。

vm.getPages = function(campaignID) {
pageService.getPagesByCampaignId(campaignID)
.then(function(result) {
vm.pages = result.data;
console.log('pages returned');
},
function(result) {
console.log('page return failed');
});
};

我是一个菜鸟，所以我不会怀疑我错过了一些简单的东西。

Answer 1

通过添加附加功能无意中修复了它。

我将下拉按钮的标题绑定到所选值，现在我可以继续选择不同的选项。

vm.getPages = function (campaignID, campaign) {
vm.campaignNameDisplay = campaign.Name;
pageService.getPagesByCampaignId(campaignID)
.then(function (result) {
vm.pages = result.data;
console.log('pages returned');
},
function (result) {
console.log('page return failed');
});
};

和这个。

<div class="col-md-3">
<div class="btn-group" uib-dropdown is-open="status.isopen">
<button id="single-button" type="button" class="btn btn-primary btn-lg" uib-dropdown-toggle ng-disabled="disabled">
{{int.campaignNameDisplay}} <span class="caret"></span>
</button>
<ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="single-button">
<li ng-repeat="campaign in int.campaigns">
<a ng-click="int.getPages(campaign.ID, campaign)">{{campaign.Name}}</a>
</li>
</ul>
</div>
</div>