Ошибка синтаксического анализа нативного элемента: Ошибка: недопустимый атрибут [(ngModel)]

Question

Ошибка углового приложения Nativescript:

Ошибка разбора элемента: Ошибка: недопустимый атрибут [(ngModel)].

Проект создан с использованием шаблона "nativescript-template-ng-tutorial", но при использовании угловых тегов, таких как [(ngModel)] или *ngFor, я получаю:

Ошибка разбора элемента: Ошибка: недопустимый атрибут [(ngModel)].

Уже импортирован NativeScriptFormsModule из nativescript-angular / forms.

Это мой файл app.module.ts

import { NgModule, NO_ERRORS_SCHEMA } from "@angular/core";
import { NativeScriptModule } from "nativescript-angular/nativescript.module";
import { NativeScriptFormsModule } from "nativescript-angular/forms";
import { FormsModule } from '@angular/forms';

import { AppComponent } from "./app.component";

@NgModule({
  declarations: [AppComponent],
  bootstrap: [AppComponent],
  imports: [NativeScriptModule, NativeScriptFormsModule, FormsModule],
  schemas: [NO_ERRORS_SCHEMA],
})
export class AppModule {}

Вот снимок экранаошибка: Ошибка в консоли

Answer 1

Изменено расширение app.component.xml на app.component.html, и ошибок не возникает. Это связано с тем, что угловые теги не распознаются для типов файлов XML. Для справки прочитайте СОВЕТ по следующей ссылке: https://docs.nativescript.org/angular/tutorial/ng-chapter-3