Nano Hash - криптовалюты, майнинг, программирование

Мат-флажок не проверяется с помощью formControl

Я пытаюсь пометить мат-флажок как отмеченный с помощью formControlName, и по умолчанию я устанавливаю значения true. Но флажок не ставится. любые идеи, что вызывает эту проблему?

вот мой код.

<mat-checkbox formControlName="includeNpw"
        [checked]="IsChecked"
        class="checkbox"
        color="primary"
        fxFlex="0 0 auto">
</mat-checkbox>

и файл TS я делаю это.

form: FormGroup;

constructor(
private fb: FormBuilder,
private filters: ApplicationListFilterService,
private confService: ConfigurationService,

 ) {}

 ngOnInit() {
  this.form = this.fb.group({
  followUp: [false, []],
  rememberFilters: [false, []],
  includeNpw: [true, []],
  includeInFlight: [true, []],
});

Как видите, для последних двух переменных установлено значение true, но ничего не происходит. Я пытался использовать [checked]='некоторая переменная, которая является правдой', но она жалуется, потому что я использую formcontrollerName

angular angular-material angular-directive
30.07.2019

  • Покажите определение формы. Этот код в порядке. 30.07.2019
  • если вы используете formControlName, НЕ используйте [checked], просто дайте значение formControl true/false (иначе вы говорите Angular, что установите флажок двумя способами) 30.07.2019
  • @ G. Tranter дал вам ответ :) @Eliseo Как вы можете видеть выше, я уже установил includeNpw: [true, []]. Но несмотря на это не проверяется. 31.07.2019

Ответы:


1

Избавьтесь от [checked]="IsChecked" внутри вашего mat-checkboxes и добавьте [formGroup]="form" к окружающему тегу html вашего mat-checkboxes.

В основном это должно выглядеть примерно так:

<div [formGroup]="form">
  <mat-checkbox formControlName="followUp"></mat-checkbox>
  <mat-checkbox formControlName="rememberFilters"></mat-checkbox>
  <mat-checkbox formControlName="includeNpw"></mat-checkbox>
  <mat-checkbox formControlName="includeInFlight"></mat-checkbox>
</div>
30.07.2019
  • Я избавился от него, и он до сих пор что-то показывает. Кстати, если у меня есть formControlName = includeNpw, это не равно [formGroup] = includeNpw? 31.07.2019
  • нет они не равны. Можете ли вы отредактировать свой вопрос, чтобы показать весь HTML-код? 31.07.2019

    • 2

    Вот рабочий пример: https://stackblitz.com/angular/arxloyadylp

    У нас есть:

      myGroup = this.fb.group({
      followUp: [false, []],
      rememberFilters: [false, []],
      includeNpw: [true, []],
      includeInFlight: [true, []],
    });

    и

    <div [formGroup]="myGroup">
  <mat-checkbox class="example-margin" 
    [formControlName]="'includeNpw'">
  </mat-checkbox>
</div>
    30.07.2019
  • у меня есть formGroup и formcontrolname. теперь я могу установить последние 2 как истинные. Но если я изменю значение, оно не изменится как ложное 05.08.2019
    • Новые материалы
    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..