從角度控制器訪問模板元素

Question

我有一個像這樣的html模板

<div class="row form-field" ng-show="specialRequestShown" id="specialRequests">
            <div>
                <label><input type="checkbox" class="needsclick"> Non-smoking Room</label>
            </div>
            <div>
                <label><input type="checkbox" class="needsclick"> Late Check-in</label>
            </div>
            <div>
                <label><input type="checkbox" class="needsclick"> Early Check-in</label>
            </div>
            <div>
                <label><input type="checkbox" class="needsclick"> Twin Bed</label>
            </div>
            <div>
                <label><input type="checkbox" class="needsclick"> Large Bed</label>
            </div>
            <div>
                <label><input type="checkbox" class="needsclick"> Extra Bed</label>
            </div>
            <div>
                <label><input type="checkbox" class="needsclick"> Airport Transfer</label>
            </div>
        </div>

        <button type="submit" class="btn btn-default gi-btn-next" ng-click="goToPayment()">
            Lanjutkan
        </button>
</div>

問題：在函數goToPayment() ，如何在div specialRequests檢查哪些復選框而不必為每一個都分配ng-model ？ 函數goToPayment()位於控制器中。 無論如何都要循環通過div specialRequests孩子？

Answer 1

嘗試以下任何一個：

$scope.goToPayment = function () {
    var checkedItems = document.querySelectorAll('#specialRequests input:checked')
}

要么

將$ element注入您的控制器：

$scope.goToPayment = function () {
    var checkedItems = $element[0].querySelectorAll('input:checked')
}