Как получить имя $ scope.value внутри $ ('input: radio [name = "optradio"] [value = "$ scope.t_color"]') .attr ('checked', true);

Question

Я извлекаю строку из базы данных, используя Angular JS, и помещаю данные в редактируемую форму;Форма состоит из нескольких переключателей.Я хочу убедиться, когда данные получены;конкретный переключатель выбирается в зависимости от значения, указанного в $scope.radio_val

<td>
    <input type="radio" ng-model="tube" class="form-check-input ml-5"
           name="optradio" value="Grey"> 
    <i class="fas fa-vial" style="color:#757575;font-size: 24px;"></i>
    <span class="ml-4">Grey</span>
</td>
<td>
    <input type="radio" ng-model="tube" class="form-check-input ml-5"
           name="optradio" value="Black"> 
    <i class="fas fa-vial" style="color:#212121;font-size: 24px;"></i>
    <span class="ml-4">Black</span>
</td>
<td>
    <input type="radio" ng-model="tube" class="form-check-input ml-5"
           name="optradio" value="Culture"> 
    <i class="fas fa-vial" style="color:#EEFF41;font-size: 24px;"></i>
    <span class="ml-4">Culture</span>
</td>
<td>
    <input type="radio" ng-model="tube" class="form-check-input ml-5" 
           name="optradio" value="Urine"> 
    <i class="fas fa-prescription-bottle" style="color:#C6FF00;font-size: 24px;"></i> 
    <span class="ml-4">Urine</span>
</td>

. Вышеприведенный фрагмент содержит часть переключателя на странице формы редактирования.

$scope.t_color=data.tube;
$('input:radio[name="optradio"][value=" $scope.t_color"]').attr('checked', true);

Эточто я пытаюсь сделать, но AngularJS не работает

Answer 1

Это очень просто.Вы можете сделать 2-стороннее связывание вашей радио кнопки, так как вы уже используете ng-модель.

В коде вашего контроллера вы должны сделать это:

$scope.tube = data.tube;

И ваш HTML останется как-является.Вы можете обратиться к ниже официальной англоязычной документации для большего понимания: https://docs.angularjs.org/api/ng/input/input%5Bradio%5D

Answer 2

JQuery не требуется для проверки переключателя.

Просто установите ng-model со значением, и будет выбран переключатель с этим значением:

$scope.tube = data.tube;