Как я могу предварительно выбрать сгенерированный переключатель?

Question

Мой сайт должен иметь несколько корзин на пользователя, и они перечислены и обновлены через AngularJS следующим образом:

<tr ng-repeat="cart in carts|orderBy:orderByField:reverseSort">
    <td>
        <input type="radio" ng-model="form['cart_id']"
               ng-value="cart.cart.cart_id" />
    </td>
    <td>{{cart.cart.alias}}</td>
    <td>{{cart.cart.description}}</td>
    <td>{{cart.cart.created}}</td>
</tr>

Когда я добавляю другую корзину в $scope.carts, она обновляется довольно хорошо, но я не могу позволить предварительно выбрать новую корзину, когда она будет показана.

Я попытался добавить ng-checked=true, который не работал, добавить идентификатор и установить .attr('checked','checked') в JQuery, но элемент в данный момент неизвестен.

Я использую Angular 1.2.22, JQuery 1.9.0 и Bootstrap 2.3.2. Так что я хорошо знаю, что это довольно устарело, но, поскольку я здесь новичок, я не могу это изменить. Еще.

Answer 1

Радиокнопки предварительно выбираются путем установки их модели на определенное значение. Чтобы выбрать последний элемент в массиве carts:

var last = $scope.carts.length-1;
$scope.form.cart_id = $scope.carts[last].cart_id;

Для получения дополнительной информации см.

• AngularJS <input type=radio> Директива API Reference

Answer 2

Используйте значение prop для выбора радио, например: value=<value of ng-model variable which you want to get preselected>

См. Это: https://docs.angularjs.org/api/ng/input/input%5Bradio%5D