Angular2 异常:主机内的 ngClass,“不是已知的本机属性”

2024-01-10

是否可以在主机中使用“ngClass”作为组件/指令。

    @Component({
        selector: 'custom',
        template: `<div [ngClass]="classMap"></div> // I work
        <ng-content></ng-content>`,
        host: {
            '[ngClass]' : 'classMap' // I don't work!!!
        }
    })
    export class CustomComponent {
        constructor () {
            this.classMap = {
                custom: true
            };
        }
    }

在上面的示例中,ngClass 在模板中的 div 上正常工作。它添加了一个“自定义”类,但在尝试将 via 添加到主机时会抛出异常。

“无法绑定到‘ngClass’,因为它不是已知的本机属性”

直接在主机中设置类可以正常工作,例如;

host: {
    '[class.custom]' : 'classMap.custom'
}

因此认为 ngClass 可以吗?语法错误? (可能!!!):)


ngClass是一个指令,并且主机绑定不支持指令。

    host: {
        '[ngClass]' : 'classMap' // I don't work!!!
    }

需要是

    host: {
        '[class.className]' : 'className', 
        '[class]' : 'classNames' 
    }

where classNames是一个空格分隔的类列表。

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

Angular2 异常:主机内的 ngClass,“不是已知的本机属性” 的相关文章

  • 绑定到元素(div)的大小

    我有一个具有宽度和高度属性的组件 如何将组件的视图高度和宽度绑定到这些属性 我需要在组件大小发生变化时更新它们 即通过重新调整浏览器窗口的大小 Use window resize onResize event 聆听全球事件 您可以使用win
  • Angular 2 + Semantic UI,组件封装打破风格

    我使用 Angular2 和 Semantic UI 作为 CSS 库 我有这段代码 div class ui three stakable cards a class ui card a a class ui card a a class
  • @angular/router 3.0.0-alpha.3:如何迁移OnActivate

    我刚刚将 angular router 升级到 3 0 0 alpha 3 但是 我找不到 2 0 0 rc 1 中提供的 OnActivate 接口 任何提示表示赞赏 因为我们还没有任何文档 并将在接下来的几周内提供 你想要一个提示 这是
  • 使用 rxjs 将数据添加到 http 响应

    我有一个包含司机 ID 的旅行实体 我可以使用 RESTFull 端点获取获取行程 例如 trips 2 example response id 2 driver id 123 我可以使用端点获取驱动程序详细信息 例如 drivers 12
  • Angular 4 中的箭头函数(Lambda 函数)

    我对lambda知之甚少 lambda表达式被视为一个函数 我们有很多方法可以做到这一点 这是我的简单功能TypeScript file byPan card1 card2 return card1 pan card2 pan 我在 HTM
  • 找不到管道“货币”(AOT)

    我们有一个从 Angular 6 升级到 7 的 Angular 我们正在使用内置的currency管道 服务时一切正常 ng serve 以及在 DEV 中构建时 但是当我们尝试构建生产我们正在得到The pipe currency co
  • 有没有办法扩展 angular.json 中的配置?

    在构建 Angular 6 应用程序时 我需要同时指定两件事 如果是生产或开发版本 我正在使用的区域设置 In my angular json I have build configurations production fileRepla
  • Angular AOT 和 Rollup - 无法解析“app.module.ngfactory”

    我正在尝试完成 Angular 的 AOT 教程 https angular io docs ts latest cookbook aot compiler html https angular io docs ts latest cook
  • 错误::预期有间谍,但未定义

    我收到预期的 Spy 错误 但在我的 Angular 10 测试中未定义 我正在使用 Jasmine 和 Karma 我已将 SpreadsheetService 服务模拟为mockSpreadSheetService 我正在调用它的方法
  • Angular2 命名路由

    我用的是Angular2Webpack 入门 https github com AngularClass angular2 webpack starter in 这个最新版本 https github com AngularClass an
  • 通过 Angular 2 中的输入装饰器使用多个属性

    我有一个通过其选择器接收两个输入的组件 但这可以扩展到任意数量的输入和任何组件 因此 为了消耗组件本身的多个属性 Input 装饰器不允许我使用多个属性 因此作为解决方法 我对两个输入属性使用了两个装饰器 但我认为这不是解决这种情况的唯一方
  • 访问没有扩展名的静态文件时阻止 Angular 运行

    我有一个用于项目的 Ionic Angular PWA 它还有一个适用于移动设备的本机 Ionic Cordova 应用程序 在应用程序上 我们需要接受与 PWA 具有相同 URL 的深层链接 以便您可以使用相同的链接从 PC 和移动设备进
  • Web 应用程序中的 PathLocationStrategy 与 HashLocationStrategy

    使用的优点和缺点是什么 PathLocationStrategy 默认的 HTML 5 PushState 样式 HashLocationStrategy 哈希 URL 样式 例如 使用哈希位置策略将阻止通过 ID 滚动到元素的功能 但某些
  • 保持 mat-menu 打开角度

    我正在尝试在菜单中使用复选框选项 但我需要保持菜单打开 直到用户完成选择选项 我正在使用最新版本的 Angular 先感谢您 我已经组合了嵌套的垫菜单here https material angular io components men
  • Angular - Safari 无法正确显示 DOM

    我是 Angular 的新手 使用 Angular 4 我尝试通过在关联的组件类文件中设置属性来更新特定元素 但是 除非我尝试强制重新绘制网页 通过调整窗口大小等 否则页面不会更新 我打开检查器 看到 DOM 已更改 但显示与元素检查器中的
  • Material.Angular.io mat-autocomplete [displayWith] 函数更新范围变量

    我遇到了一个问题 我可以在实例化 mat autocomplete 的组件控制器中访问本地声明的变量 我面临的问题是局部变量被困在这个范围内 我无法更新它们 有关更新 mat autocomplete 范围变量的任何想法或想法 最终我要做的
  • 随机获取 zone.js 中超出最大调用堆栈大小

    我们正在使用 Bugsnag 我随机在日志中看到此错误 我们使用 Angular 6 1 1 并且使用启用了优化和构建优化的生产构建 使用当前最新版本的 zone js 0 8 26 我该如何调试这个 您必须找到一种方法来重现此错误 之后您
  • zone.js:140未捕获类型错误:无法读取属性“删除”

    我是 kendo ui 的新手 我在小提琴中开发了原型 删除确认窗口在那里工作正常 但是当我集成到我的代码库中时 我收到错误 Cannot read property remove at the line pai to delete rem
  • 该命令只能在 CLI 项目内部运行

    由于某些原因 我想使用Angular v5如果我运行以下命令 它会在其中构建一个应用程序angular 6这是我不想要的 ng new hello this creates angular app in the latest version
  • 如何在不使用额外组件的情况下在多个地方重用 HTML

    我目前正在尝试国际化菜单以显示要显示的列 我意识到我可以使用以下内容来自定义其文本

随机推荐

  • Magento 中产品详细信息页面上的自定义变量

    UPDATE 希望这是对问题的更好解释 我正在尝试使用以下方法将产品详细信息页面上的产品 SKU 传递给 Google Analytics setCustomVar 我在 Magento 1 4 0 1 上运行 我的 Analytics 异
  • 在不使用 System.Web 的情况下使用 OWIN 时,使用什么来代替 HttpContext

    我们目前有一个使用 OWIN 连接的 NancyFx 项目 我们没有使用 System Web 我们需要一些地方来放置我们的上下文 该上下文在请求的生命周期内而不是 HttpContext 我们已经开始在线程静态变量上实现上下文 以便我们可
  • Guzzle 6 结果返回并带有 HTTP 标头

    我对 Guzzle 6 x 如何返回结果有疑问 因此 当我尝试执行以下操作时 我收到 语法错误 json decode我的结果 我用过var dump and print r 得到我的实际结果 结果发现我的 JSON 结果返回时包含一个 H
  • 为什么传单弹出窗口中的按钮不起作用?

    我有一张带有很多标记的传单地图 当单击它们时 会出现一些带有编辑和删除按钮的信息 然而 出于某种原因 传单似乎掩盖了这些按钮 无论哪种方式 它们根本不起作用 这是我的地图组件 带有标记和弹出窗口 refresh this artworkSe
  • NSOutlineView 的子类 NSTableRowView

    如果你有一个tableView并且想使用NSTableRowView的子类 你可以使用委托函数 NSTableRowView tableView NSTableView tableView rowViewForRow NSInteger r
  • 获取“.rda”文件中数据集的名称

    假设我有一个 rda使用创建的文件save 例子 save mydata1 file anrdatafile rda where mydata1是一个数据框 我想写代码R其中 1 加载 anrdatafile rda 文件 2 查找该文件中
  • 将 DatetimeIndex 转换为日期时间

    如何将 DatetimeIndex 转换为日期时间以在下一步中绘制数据 我有一个 DatetimeIndex 列表 如下例所示
  • 尝试在 Redshift 中创建日期表

    我正在尝试在 redshift 中创建一个包含以下列的日期表 date year month 月份名称 年月 月份名称年份 请注意 年份月份的格式为 202001 月份名称年份的格式为 january2020 创建表后如何向表中插入数据 感
  • gpg:找不到 keyblock 资源 pubring.kbx,因为存储库路径以 gnupg home 为前缀

    我曾经让我的提交由 gpg 签名 一切正常 但我突然收到了这条消息 gpg keyblock resource c Users username path to project C Users username gnupg pubring
  • 更改时间序列中指定间隔的线类型(实线到点线)

    考虑以下示例 library ggplot2 set seed 30 data lt data frame group factor 1 11 year c rep 2014 times 11 rep 2015 times 11 rep 2
  • Intellij 中的链式方法和连续缩进

    我从来没有弄清楚如何让 Intellij 正确处理链式方法的连续缩进 显然今天是让我很恼火的一天 我向你们可爱的人们咨询 我想要的是这样的 makeAThing with params setProperty with some more
  • 创建相关矩阵 p 值 [重复]

    这个问题在这里已经有答案了 我可以使用以下命令获取相关矩阵 gt df lt data frame x c 5 6 5 9 4 2 1 3 5 7 y c 3 1 2 5 3 8 5 4 6 5 2 5 1 5 8 1 7 1 6 1 z
  • 服务层的目的

    我认为服务层的目的包括以下内容是否正确 域模型的稀疏化 即某些功能的移动 例如缓存 实例化 减少对领域模型的依赖 API最小化 传统上 当不使用领域驱动设计时 服务层 也称为 业务层 是为应用程序编写所有业务逻辑的地方 因此 例如在处理发放
  • 跨多个云提供商启动/停止实例

    假设使用 Terraform 构建跨多个云提供商帐户 AWS Azure 和 GC 的云基础设施 有没有办法使用 Terraform 重新启动实例 如果没有 人们如何轻松 集中地重新启动使用 Terraform 创建的实例 Thanks T
  • 我可以使用 JQuery 操作外部 HTML 文档吗?

    我想清理 HTML 文档 在 google 文档中创建 以便我可以将其发布到我的 CMS 上 我有一个字符串形式的源文档 从 到 带有标题 样式 正文等 我想提取正文内容并替换 删除一些标签 如果我可以使用 jQuery 来做到这一点 我认
  • 需要有关彗星的帮助以及选择什么

    我是 comet 的新手 但我读过它 并且我意识到 PHP 不利于 comet 长轮询 我的所有项目都是用 CodeIgniter PHP 框架编写的 所以我所有的代码都是 PHP 但我需要每秒请求数据来更新拍卖产品 并且我正在寻找 com
  • 对于 std::atomic 来说 ++ 是原子的吗

    根据 c 0x 中的一个 Channel 9 E2E 视频 其中有 Herb Sutter 如果数字是atomic
  • 使用 VSCode 和 Remote-SSH 加载 Lmod 模块

    我正在尝试在远程集群上开发Python代码 如果我直接在集群上执行此操作 则必须先加载 Anaconda Lmod 模块 然后才能访问任何 conda 环境 module load Anaconda3 2020 11 为了提高生活质量 我想
  • python regex:将字符串与仅一个字符实例相匹配

    假设有两个字符串 1 off delicious ham 1 off delicious 5 ham 在Python中 当字符串中只有一个 时 我可以有一个匹配的正则表达式吗 即 我希望 RE 匹配第一个短语 但不匹配第二个短语 我尝试过类
  • Angular2 异常:主机内的 ngClass,“不是已知的本机属性”

    是否可以在主机中使用 ngClass 作为组件 指令 Component selector custom template div div I work