0

我尝试使用 javascript document.querySelector 从角度检索值。我能够检索输入字段值，但是当我来到单选按钮、切换和选择框时，我无法检索值。我无法使用检索值

(document.querySelector('.recurring_subscription') as HTMLInputElement).value
(document.querySelector('.given_to') as HTMLInputElement).value
(document.querySelector('.billing_state') as HTMLInputElement).value



<mat-slide-toggle class="mat-toggle-nusa" class="recurring_subscription" formControlName="recurring_subscription">
  Automatic donate this amount once every Month
              </mat-slide-toggle>
 <mat-radio-button *ngFor="let dt of nusa_given" class="given_to" [value]='dt.value' > {{dt.name}} </mat-radio-button>


<mat-select formControlName="billing_state" class="billing_state" placeholder="Enter State (required)">
                        <mat-option *ngFor="let state of getNameOfStates | async" [value]="state.abbreviation">
                          {{ state.abbreviation }}
                        </mat-option>
                      </mat-select>
4

1 回答 1

0

我认为您不应该使用 document.querySelector 来获取输入元素的值。您可以使用 ngModel 对每个变量进行 2 向绑定，并直接访问该变量。

无论如何，对于滑动切换，您有两个类属性：

class="mat-toggle-nusa" class="recurring_subscription"

试试这个：

class="mat-toggle-nusa recurring_subscription"

对于单选按钮，有多个相同类的元素。您given_to在 ngFor 中使用。该循环中的每个元素都将具有相同的类名。

该类billing_state没有您尝试访问的值属性。

此外，您应该知道单选按钮应该包含在<mat-radio-group>保存单选组值的 a 中。这就是您知道选择了哪个单选按钮的方式。示例：https ://material.angular.io/components/radio/examples

于 2018-03-08T06:03:10.430 回答