无法绑定到“ngValue”,因为它不是“option”的已知属性

2024-04-11

我正在尝试实施select在 Angular 5 中,但我不断得到这个

我已经尝试了很多 StackOverflow 问题,唯一的区别是 - 我的组件位于应用程序内的另一个模块内,该模块最终注入到主模块中。我也尝试过注入FormsModule内部模块内部。我尝试过导入ReactiveFormsModule但没有用。

我已经添加FormsModule像这样导入

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { AppRoutingModule } from './app-routing.module';

@NgModule({
  declarations: [
    ...CombineComponents
  ],
  imports: [
    BrowserModule,
    FormsModule,
    AppRoutingModule,
    HttpClientModule
  ]
});

这是我的组件标记

<label for="ctn" class="d-inline-block pl-1 semi-bold">Current active number</label>
  <select
    #selectElem
    class="custom-select"
    id="ctn"
    (change)="onCTNChange(selectElem.value)"
    formControlName="state"
  >
    <option value="" disabled>Choose a state</option>
    <option *ngFor="let ctn of availableCTN" [ngValue]="ctn.value">
      {{ctn.text}}
    </option>
  </select>

Use value:

[value]="ctn.value"
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

无法绑定到“ngValue”,因为它不是“option”的已知属性 的相关文章

  • FakeAsync/tick (Async/whenStable) 与 detectorChanges()

    您能帮我区分这两件事吗 根据我的理解 如果你只使用 observable 你可以使用 detectorChanges 因此 您可以直接更改组件属性或监视服务调用并返回可观察的值 然后调用 detectorChanges 更改将在 html
  • 设置 Angular 2 http 请求的基本 url

    我正在尝试为所有 Angular 2 http 请求设置基本 url 以下是我的应用程序的基本设置 class HttpOptions extends BaseRequestOptions url string http 10 7 18 2
  • 如何判断何时创建新组件?

    我一直在寻找背后的逻辑当有人在 AngularJS Angular 上的 Web 应用程序中创建新组件时但我认为这更通用 可能适用于所有基于组件的前端框架 我知道有像这样的一些原则应该是抽象的和可重用的但例如我在角度文档中看到 每个单独的路
  • 如何将窗口注入到服务中?

    我正在用 TypeScript 编写一个 Angular 2 服务 它将利用localstorage 我想注入对浏览器的引用window对象到我的服务中 因为我不想引用任何全局变量 例如 Angular 1 x window 我怎么做 这目
  • Angular 4 过滤器搜索自定义管道

    所以我试图构建一个自定义管道来在 ngFor 循环中执行多个值的搜索过滤器 我花了几个小时寻找一个好的工作示例 其中大多数都是基于以前的版本 并且似乎不起作用 所以我正在构建管道并使用控制台为我提供值 但是 我似乎无法显示输入文本 以下是我
  • 当应用程序位于前台时,Angular 8 firebase 推送通知不起作用

    我正在按照此文档在我的 Angular Web 应用程序上实现 FCM 当我发送通知时 当应用程序未处于活动状态时 它会成功接收 接收后台通知 但如果应用程序处于活动状态 我就不会收到通知 请按照下列步骤操作 https dev to ma
  • 类型错误:您在需要流的地方提供了无效的对象。您可以提供 Observable、Promise、Array 或 Iterable

    我在尝试着map来自服务调用但收到错误 看着subscribe 没有在 Angular 2 中定义吗 https stackoverflow com questions 41995647 subscribe is not defined i
  • 如何在 Angular 2 中执行无限动画?

    基本上 我想利用 Angular 中的 web animations api polyfill 当前为 4 来对元素执行无限动画 让我们看一个基本的非角度示例 var ball document getElementById ball ba
  • 无法读取未定义的“触及”属性

    为什么我会收到此错误无法读取未定义的属性 为什么无法读取formName controls email touched但它能够阅读formName get custDetails touched
  • Angular 2 错误:无效的提供程序 - 仅允许提供程序和类型的实例,得到:[object Object]

    我正在将 ui router2 与 angular2 rc 4 集成 但我得到了 错误 无效的提供程序 仅允许提供程序和类型的实例 得到 object Object 以下是引导代码 import trace UIROUTER PROVIDE
  • 在 *ngFor 循环内使用 Angular i18n 和 Angular 5

    我想在模板中的 ngFor Loop 内使用动态翻译 如下所示
  • 在具有多级分组的 HTML 表格中显示数据

    我必须通过使用 rowspan 进行分组来显示 HTML 表中的一些数据 下面是预期的 GUI 我有如下所示的 JSON 数据 JSON数据here https jsoneditoronline org id 1014438e5489485
  • Angular 2 链式 Promise 并传递拒绝

    应该是一个简单的问题 但是我找不到有关如何做到这一点的文档 像这样链接一个承诺 Making a promise no problem let promise new Promise resolve reject gt let data d
  • 来自 JSON 的 Angular 8 动态表单

    我正在尝试从 JSON 模式递归生成动态表单 但我正在努力解决找不到表单控件的问题 这是代码示例 我收到这个错误 错误错误 找不到名称为 createdAt 的控件 我尝试了不同的方法 但仍然存在问题 我知道我错过了一些东西 所以请帮忙 任
  • 如何更改服务器端口3000?

    我刚刚结束了 Angular 2 的教程 我找不到将 localhost 端口从 3000 更改为 8000 的方法 在我的package json文件中有一行 start concurrent npm run tsc w npm run
  • Plesk Windows 部署 Node.js

    我创建了一个以 Node js 作为后端的 Angular 项目 这是服务器文件结构 Home directory httpdocs node hm dist browser folder server folder server js p
  • 在 angular2 中过滤数组

    我正在研究如何在 Angular2 中过滤数据数组 我研究过使用自定义管道 但我觉得这不是我想要的 因为它似乎更适合简单的表示转换 而不是过滤大量数据 数组排列如下 getLogs Array
  • ngmodel与Angular2中复选框的动态数组绑定

    我有一个 Angular 2 组件 其中我从数组生成复选框列表 现在我需要根据选中的复选框填充不同的数组 这应该是双向绑定 这意味着如果复选框的值已在数组中 则必须已经检查了复选框 我在 Angular 1 中使用了一个名为 checkli
  • Angular Grid Ag-Grid,使列可动态编辑

    好吧 标题看起来和其他帖子很相似 Angular Grid ag grid columnDefs 动态改变 https stackoverflow com questions 31743534 angular grid ag grid co
  • 角度 2 中的动态 styleUrls?

    是否可以将样式表的 url 动态注入到组件中 就像是 styleUrls stylesheet1 css this additionalUrls 或者 一厢情愿并注意这只是假代码 export class MyComponent imple

随机推荐

  • 在OpenCV中,CV_8U和CV_8UC1有什么区别?

    在OpenCV中 CV 8U和CV 8UC1有区别吗 它们都是指具有一个通道的 8 位无符号类型吗 如果是的话 为什么有两个名字 如果不是 有什么区别 你可以看到从this https stackoverflow com questions
  • 从 JavaScript 访问 DIV 元素

    这是以下 DIV 结构 div class demo div div div div div div div 如何从 JavaScript 访问 tabs 2 var plot2 jqplot tabs 2 points 此 JavaScr
  • 在哪里可以找到英语短语列表? [关闭]

    Closed 这个问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 我的任务是搜索文本中陈词滥调和常见短语的用法 这些短语与您在财富之轮的短语谜题中可能看到的短语类似 这
  • 自定义 Visual Studio 起始页

    有没有办法自定义 VS 2008 起始页 我想显示一个网站 Sharepoint 站点 而不是新闻源 但我找不到解决方案 Update 关于卡什回答 https stackoverflow com questions 553392 cust
  • iOS8 中的应用内购买收据验证

    我们正在遵循 raywenderlinch 教程http www raywenderlich com 23266 in app purchases in ios 6 tutorial consumables and receipt vali
  • 更改 Rack Middleware 中的 response.body

    我正在尝试为 Rails 4 2 应用程序编写一些机架中间件 该中间件使用以下命令更改响应正文gsub方法 我发现使用这样的模式的旧示例 class MyMiddleware def initialize app app app end d
  • JavaScript:从其中获取完全限定的函数名称?

    看看下面的片段 有没有我可以写的函数来代替 生成可以在另一个函数中重用的路线 就像是var route this show fullyQualifiedName也许 var services github com api v2 json r
  • 从特定的起始位置获取选项?

    我有一个这样的选择
  • C++读取二进制文件

    我想了解如何在 C 中读取二进制文件 我的代码 int main ifstream ifd input png ios binary ios ate int size ifd tellg ifd seekg 0 ios beg vector
  • Jetty 8.1 用“Dispatched Failed”消息淹没日志文件

    我们使用 Jetty 8 1 作为嵌入式 HTTP 服务器 在过载情况下 服务器有时会开始用以下消息淹没日志文件 warn java util concurrent RejectedExecutionException warn Dispa
  • std::find 的优点

    使用 C 11 有什么优势吗std find超过一个容器的find method 如果是std vector 其中没有find方法 确实std find使用一些智能算法或简单地迭代每个元素的天真的方法 如果是std map看来你需要传递一个
  • 在python 3.5上安装pygame时出现权限错误

    当我安装时pygame 1 9 2a0 cp35 none win32 whl对于 python 3 5 我收到权限错误 PermissionError WinError 5 Access is denied 然后它说错误出现在 pygam
  • OleDbDataReader 如何读取数字类型?

    尝试从中读取数据 XLS 文件 我能够读取所有单元格字符串 但是无法读取数字在细胞中 我尝试使用 ToString 方法但没有成功 取回数据库null Code public xlsConverter string excelFilePat
  • Rust 的一步步交互式调试器?

    如何逐步调试 Rust 应用程序交互地就像我可以在 Ruby 中 撬开 一样 我希望能够在到达断点时实时查看并最好更改变量 是否有已完成生产的项目 我发现具有良好的可用性VS Code https code visualstudio com
  • 用于 LIFX 电源开/关的 PHP HTTP CURL PUT 请求

    我正在尝试使用 PHP 打开 关闭所有 Lifx 灯泡 API 文档 http developer lifx com http developer lifx com 表示使用 PUT 请求 curl u c87c73a896b554367f
  • 在特定命名空间中定义函数

    我创建了一个包 mypackage 附加了命名空间 mypackage 在这个包中有一个函数 我可以使用它来调用 myfunction or mypackage myfunction 现在我想用另一个版本 更新 替换 myfunction
  • 加载从跨文档消息传递中作为 event.data 获得的 pdf

    对于知道答案的人来说很简单 我的代码通过跨文档消息传递成功从网站下载 pdf 但是 我现在想在浏览器中显示 pdf 可能是在 iframe 或数据对象中 可能我需要知道 pdf 下载后存储的本地 URL 请帮忙 可能很简单 看这里的小提琴
  • 使用Esapi验证时出错

    我希望有人能帮助我解决一些问题 我正在将 OWASP ESAPI 2 1 0 与 JavaEE 结合使用 以帮助我验证 Web 应用程序中的某些条目 在某些时候 我需要验证 Windows 文件路径 因此我在 validation prop
  • 正则表达式按模式的最后一次出现分割字符串

    我正在使用正则表达式来分割字符串
  • 无法绑定到“ngValue”,因为它不是“option”的已知属性

    我正在尝试实施select在 Angular 5 中 但我不断得到这个 我已经尝试了很多 StackOverflow 问题 唯一的区别是 我的组件位于应用程序内的另一个模块内 该模块最终注入到主模块中 我也尝试过注入FormsModule内