angular-ngmodel 相关问题

在Angular.js中使用 - ngModel指令使用NgModelController将输入，select，textarea（或自定义表单控件）绑定到作用域上的属性，该指令由此指令创建和公开。

Angular 17 在没有 app.module.ts 的项目中“无法绑定到‘ngModel’”

我目前正在开发一个 Angular 17 项目，该项目是默认使用独立组件创建的，但我总是遇到此错误：“无法绑定到‘ngModel’，因为它不是已知的

angular angular-ngmodel angular-module ngmodel

回答 1 投票 0

*ngIf 和 ngmodel 不适用于 .html 页面

我在 Angular 中使用以下版本，Angular CLI：17.3.4，节点：20.9.0，包管理器：npm 10.5.2。当我在组件中的 .html 页面上使用 *ngIf 或 ngmodel 时，出现以下错误...

angular-ngmodel angular-ng-if angular17

回答 1 投票 0

为什么 ngModel 不适用于 Angular 17 的最新版本？

我正在尝试在我的角度应用程序中制作一个表单，但是当我想在我的表单上实现 ngModel 时：我正在尝试在我的角度应用程序中创建一个表单，但是当我想在我的表单上实现 ngModel 时： <form (ngSubmit)="onSignUp()" #signupForm="ngForm"> <h1>Connexion</h1> <input type="email" name="mail" [(ngModel)]="userLogin.email" placeholder="Email" /> <input type="password" name="mdp" [(ngModel)]="userLogin.password" placeholder="Password" /> <a href="#">Mot de passe oublie ?</a> <button type="submit">Se Connecter</button> </form> 我有这个错误： NG8002：无法绑定到“ngModel”，因为它不是“input”的已知属性。 [插件角度编译器] 我无法在 app.module.ts 中导入 FormsModule，因为 Angular 17 上不存在该文件，我只有一个 app.config.ts 文件。有人可以解释一下我该怎么做吗？如果你的组件设置了standalone: true，那么你需要将FormsModule添加到组件的imports数组中！ @Component({ ... imports: [ ... FormsModule, ... ], ... })

javascript html angular typescript angular-ngmodel

回答 1 投票 0

NG8003：未找到带有exportAs“ngForm”的指令。 [插件角度编译器]

我试图运行我的网站，但出现了这个错误当我构建时，我得到这个错误：预渲染 0 条静态路由。应用程序包生成失败。 [5.115秒] ✘ [错误] NG8003：否

html angular typescript forms angular-ngmodel

回答 1 投票 0

尝试使用 ng-model 将空格替换为破折号

我是 AngularJS 的新手，正在尝试创建一个简单的应用程序，该应用程序允许我将文件上传到我的 Laravel 驱动的网站。我希望表单能够向我显示上传项目的预览...

angularjs angularjs-filter angular-ngmodel

回答 4 投票 0

@Angular Form 未显示（ ngForm [(ngModel)]

iam 是 Angular 的新手，我尝试创建一个表单作为 ngForm。我的问题是，当程序成功编译时，表单不会显示在我的网站上。我认为我对“n...

angular forms angular-ngmodel

回答 1 投票 0

Angular 中的“Value”属性不会应用于 <input> 标签

我正在制作向导表单。该表格有多个步骤（个人、地址...）。所有这些步骤都代表了包装在父组件中的子组件，该子组件使用 NgRx Store 来保存数据...

angular input ngrx angular-ngmodel

回答 2 投票 0

AngularJS 复选框 ng-model 作为数组

我的 HTML 是一氧化碳...

javascript angularjs angular-ngmodel

回答 1 投票 0

带有数组的 AngularJS ng 模型

我试图让用户选择将文本字段添加到表单中，目前我已经像这样设置了控制器 $scope.campaign = {名称:"",问题:"",答案:[]}; var 总答案 = 2; 变种

javascript angularjs angular-ngmodel

回答 1 投票 0

ngModel 已更新，但更改未显示在 PrimeNG 复选框的视图中

我有一个 PrimeNG 复选框列表。我有一个用 ngModel 绑定到它的数组，名为 selectedItems。我还初步检查了该数组中的项目。我遇到了一种情况，我将项目添加到

javascript angular checkbox primeng angular-ngmodel

回答 1 投票 0

Angular2：使用 [(ngModel)] 和 [ngModelOptions]="{standalone: true}" 链接到对模型属性的引用

假设我有一个 Mailtype 类型的打字稿对象，如下所示：导出类邮件类型{ 构造函数（公共名称？：字符串，公共区域设置？：字符串，公共电子邮件？：字符串，酒吧...

angular typescript angular-ngmodel

回答 5 投票 0

Angular ngModelChange 显示 API json 数据中的重复值

更新：我已在 Stackblitz 上为那些想要与代码交互的人重现了该错误。我有以下 JSON 数据：相关联系人：[ { “id”：1， ”

angular ngfor angular-ngmodel ngmodel

回答 0 投票 0

(ngModel) 语法是如何显式工作的？

我正在尝试了解 ngModel 指令在 Angular 中的工作方式。我遇到了这行简单的代码，这对我来说完全没有意义，我将解释原因：我想了解 ngModel 指令在 Angular 中是如何工作的。我遇到了这行简单的代码，这对我来说完全没有意义，我将解释原因： <input (ngModel)="userName" /> 对我来说，“(ngModel)”语法意味着我们正在监听任何名为“ngModel”的Output事件。我这样说是因为这是我从 Angular 文档中的“@Output”组件通信中学到的。也就是说，使用“()”语法，我们通常应该在输出发出名为“ngModel”的事件时应用 JavaScript 指令。所以我们通常应该写(ngModel)="do something()"而不是(ngModel)="userName" 所以我在这里不明白的是(ngModel)="userName"，userName不是指令，它是我的组件类中的一个字段：它对我来说没有意义......除了ngModel指令如何设置它自己的@Input ngModel 属性，因为我们不使用“[]”语法，这意味着 @Input 不会跟踪我们输入的变化

angular angular-forms angular-ngmodel

回答 0 投票 0

'ngModel' 不能绑定到 'ion-input'

我正在使用带角度的离子 7 来构建社交应用程序，我想使用两种方式绑定从输入字段获取数据，但无法识别 ngModel 这是html内容：我正在使用带角度的 ionic 7 来构建社交应用程序，我想使用两种方式绑定从输入字段获取数据，但无法识别 ngModel 这是html内容： <div class="post-input"> <ion-item> <ion-input placeholder="Write your today's post ..." [(ngModel)]="postText" [ngModelOptions]="{standalone: true}" ></ion-input> </ion-item> <ion-button class="post-btn" color="medium" (click)="post()"> <ion-icon name="pencil-outline"></ion-icon> </ion-button> 和ts文件： import { Component } from '@angular/core'; import { IonicModule } from '@ionic/angular'; @Component({ selector: 'app-home', templateUrl: 'home.page.html', styleUrls: ['home.page.scss'], standalone: true, imports: [IonicModule], }) export class HomePage { postText!: string constructor() {} post() { } } 现在我收到错误 Can't bind to 'ngModelOptions' 因为它不是 'ion-input' 的已知属性并且旧的解决方案不起作用。您需要在独立组件中导入FormsModule： import { Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { IonicModule } from '@ionic/angular'; @Component({ selector: 'app-home', templateUrl: 'home.page.html', styleUrls: ['home.page.scss'], standalone: true, imports: [IonicModule, FormsModule], }) 确保您已将 FormsModule 导入到您的 app.module.ts 文件中。 import { FormsModule } from '@angular/forms'; @NgModule({ imports: [ FormsModule ] }) 如果您仍然遇到问题，请确保您在 app.module.ts 文件中导入了“Ionicmodule”和“Commonmodule”。 import { IonicModule } from '@ionic/angular'; import { CommonModule } from '@angular/common'; @NgModule({ imports: [ IonicModule, CommonModule, FormsModule ], })

angular ionic-framework angular-ngmodel angular-standalone-components

回答 2 投票 0

Angular 无法绑定到“ngForOf”，因为它不是“div”的已知属性

我有 products-list.component.html 模板和使用 *ngFor 指令的模板。我在 products-list.module.ts 中使用 CommonModule，在 app.module.ts 中使用一次 BrowserModule 并三重检查* ...

angular typescript lazy-loading angular-ngmodel

回答 2 投票 0

ngModel 值在与输入一起使用时未定义

html：展示组件.ts 时间戳：任何； getInstantDetails(): void { 控制台.lo ...

angular input angular-ngmodel

回答 1 投票 0

angular 7 ngmodel组件和表单绑定。

我卡在了组件和模板之间的表单绑定上，我想在post方法component.html中实现REST API。我想为post方法component.html实现REST API。