javascript - ng-click 不工作不止一次

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

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

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

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>