javascript - setattribute 사용법 - '입력'의 알려진 속성이 아니기 때문에 'ngModel'에 바인딩 할 수 없습니다.




10 Answers

양식 입력에 양방향 데이터 바인딩을 사용하려면 Angular 모듈에서 FormsModule 패키지를 가져와야합니다. 자세한 정보는 Angular 2 공식 튜토리얼과 forms 대한 공식 문서를 참조하십시오.

angularjs 화면 갱신

구성 요소가 표시되지 않아도 각도 앱을 시작할 때 다음 오류가 발생합니다.

내 앱이 작동하도록 댓글을 달아야합니다.

zone.js:461 Unhandled Promise rejection: Template parse errors:
Can't bind to 'ngModel' since it isn't a known property of 'input'. ("
    <div>
        <label>Created:</label>
        <input  type="text" [ERROR ->][(ngModel)]="test" placeholder="foo" />
    </div>
</div>"): InterventionDetails@4:28 ; Zone: <root> ; Task: Promise.then ; Value: 

나는 영웅 plucker를보고있다. 그러나 나는 어떤 차이도 보지 않는다.

다음은 구성 요소 파일입니다.

import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
import { Intervention } from '../../model/intervention';

@Component({
    selector: 'intervention-details',
    templateUrl: 'app/intervention/details/intervention.details.html',
    styleUrls: ['app/intervention/details/intervention.details.css']
})

export class InterventionDetails
{
    @Input() intervention: Intervention;

    public test : string = "toto";
}



이것에 던지면 누군가를 도울 수 있습니다.

새로운 NgModule을 만든다고 가정하고 Auth 요구를 처리하기위한 FormsModule 을 말하면 AuthModule 에도 FormsModule 을 가져와야합니다.

FormsModule 에서만 AuthModule 을 사용한다면 기본 AppModule 에서 FormModule 을 가져올 필요가 없습니다.

AuthModule 에서 AuthModule 같이

import { NgModule }      from '@angular/core';
import { FormsModule } from '@angular/forms';

import { authRouting } from './auth.routing';
import { LoginComponent, SignupComponent } from './auth.component';

@NgModule({
  imports:      [ 
    authRouting,
    FormsModule
   ],
  declarations: [ 
    SignupComponent,
    LoginComponent
  ]
})
export class AuthModule { }

FormsModule 다른 곳에서는 사용하지 않는다면 AppModule 에서 가져 오기를 잊어 버리십시오.




귀하의 응용 프로그램 모듈에서 FormsModule 가져 오기.

그것은 당신의 어플리케이션을 잘 운영 할 수있게 해줄 것입니다.

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import {ContactListCopmponent} from './contacts/contact-list.component';
import { FormsModule }   from '@angular/forms';

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

@NgModule({
  imports: [
    BrowserModule,
    FormsModule
  ],
  declarations: [
    AppComponent,ContactListCopmponent
  ],
  bootstrap: [ AppComponent ]
})
export class AppModule { }



나는이 질문이 앵귤러 2에 관한 것이지만, 나는 앵귤러 4에 있으며,이 답변들 중 어느 것도 도움이되지 않는다.

Angular 4에서는 구문을 사용해야합니다.

[(ngModel)]

희망이 도움이됩니다.




각도 5를 사용하고 있습니다.

필자의 경우에는 RactiveFormsModule도 임포트해야했습니다.

app.module.ts (또는 anymodule.module.ts)

import { FormsModule, ReactiveFormsModule } from '@angular/forms';

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    ReactiveFormsModule
  ],



FormsModule을 가져와야합니다.

app.module.ts를 엽니 다.

행 추가

'@ angular / forms'에서 {FormsModule}을 가져 오십시오.

@ NgModule ({imports : [FormsModule],})




FormsModule을 올바르게 가져온 후에도 여전히 오류가 발생하는 경우 프로젝트가 컴파일되지 않고 (다른 오류로 인해) 컴파일되지 않아 솔루션이 브라우저에 반영되지 않았으므로 터미널이나 (Windows 콘솔)을 체크인하십시오!

내 경우, 내 콘솔 건초는 다음과 관련이없는 오류 : 속성 'retrieveGithubUser' 'ApiService'유형에 존재하지 않습니다.




내 시나리오에서는 [CommonModule]과 [FormsModule]을 모두 내 모듈로 가져와야했습니다.

import { NgModule } from '@angular/core' 
import { CommonModule } from '@angular/common'; 
import { FormsModule } from '@angular/forms'; 

import { MyComponent } from './mycomponent'

@NgModule({
    imports: [
        CommonModule,
        FormsModule
    ],
    declarations: [
        MyComponent 
    ]
 }) 
export class MyModule { }



ngModel 을 사용하고자하는 모듈에서 FormsModule 을 가져와야 합니다.

import { FormsModule } from '@angular/forms';

@NgModule({
  imports: [
    FormsModule,
  ],

})
export class AbcModule { }



RC1에서 RC5로 업그레이드하고이 오류가 발생했습니다.

마이 그 레이션을 마쳤습니다 (새로운 app.module.ts 파일을 도입하고, package.json 을 새 버전과 누락 된 모듈을 포함하도록 변경하고, 마지막으로 Angular2 빠른 시작 예제 에 따라 부팅하도록 main.ts 를 변경했습니다).

나는 npm update 했고, npm outdated 은 설치되어있는 버전이 옳았다는 것을 확인하기 위해 npm outdated 이다.

나는 완전히 node_modules 폴더를 node_modules npm install 다시 설치했다. node_modules ! 문제 해결됨.




Related