0

각도가 새롭고 각도가 < 인 Angular5를 사용함에 따라 각도가 새롭지 않습니다. 나는 단순히 각 @의 CLI를 통해 각도 응용 프로그램을 만들었습니다 그리고 난 양식 울부 짖는 추가하려고하고있는 구성 요소 중 하나에 :각도 요구 및 작동 불가능 지시어가 작동하지 않음

<form name="myForm" novalidate > 
<input type="text" name="title" [(ngModel)]="question.title" ng-required="true" /><br> 
<input type="text" name="desc" [(ngModel)]="question.desc" ng-required="true" /> <br> 
<input type="button" (click)="PostQuestion()" ng-disabled="!myForm.title.$valid" name="submit" value="Post question" /> </form> 

을하지만, 여기에 문제가 버튼입니다 (포스트 질문)에도 후 사용할지고 있지 않습니다 condition은 false이며 title 필드가 비어 있음을 의미합니다. 여기서 문제가 될 수 있습니다. ng-directive가 일부 외부 부트 스트랩/jquery 파일에 종속적입니까? 미리 감사드립니다.

+0

1). 'ng-disabled' 대신'[disabled]'를 사용하십시오. 2) 'ng-required'대신'[attr.required] = "isRequired == true? 'required': null"'를 사용하십시오. – hrdkisback

+0

감사합니다. @hrdkisback,이 지시문은 작동하지만 왜 그 이유를 말해 줄 수 있습니까? 왜 ng-disabled와 ng-required가 이들을 사용하고있는 튜토리얼에서 어디서나 작동하지 않는 이유는 무엇입니까? – DevUsman

+0

'ng-disabled'와'ng-needed'는'AngularJS'에서만 지원됩니다. Angular-Cli에서는 사용할 수 없습니다. Angi-Cli 프로젝트에서 angularjs의 지시어를 사용하고 있습니다. – hrdkisback

답변

0

. $ invalid 대신 양식을 사용해야합니다.

<form name="myForm" novalidate > 
    <input type="text" name="title" ng-model="question.title" ng-required="true" /><br> 
    <input type="text" name="desc" ng-model="question.desc" ng-required="true" /> <br> 
    <input type="button" ng-click="PostQuestion()" ng-disabled="myForm.$invalid" name="submit" value="Post question" /> 
</form> 
+0

답장을 보내 주셔서 감사하지만 여전히 행운은 없습니다. – DevUsman

+0

방금 ​​ngModel 속성을 발견했습니다. 그들은 ng-model이어야하며 올바르게 표시하기 위해 코드를 편집했습니다. – darkhouse

+0

[(ngModel)]이 (가) 올바르게 작동했지만 n-Model은 올바르게 작동하지 않았습니다. 나는 당신의 코드를 시도했다. – DevUsman

0

각도 JS (1.x) 및 각도 (4) 지시문을 혼합한다고 생각합니다. 이건 그냥 예를 들어 당신이

<button type="submit" [disabled]="!ngForm.valid">Submit</button> 

\ NG 장애인 사용하는 방법이 최신 각도에서

. 코드를 변경하십시오.