Angular选择器返回单词对象而不是值对象
创始人
2024-10-30 10:00:48
0次

这个问题通常是由于没有使用选择器中的括号引用值所致。例如：

@Component({
  selector: 'app-example',
  template: `
    
{{example}}

  `
})
export class ExampleComponent {
  example = 'hello world';
}

在这个组件中，{{example}}应该返回值hello world，但是实际上返回了一个单词对象。这是因为选择器不知道example的含义，它只能识别字符串。

为了解决这个问题，我们需要在选择器中使用括号引用值对象。例如：

@Component({
  selector: 'app-example',
  template: `
    
{{example.value}}

  `
})
export class ExampleComponent {
  example = { value: 'hello world' };
}

现在，{{example.value}}将返回值对象中的value属性，也就是我们期望的字符串hello world。

上一篇：Angular选择器发出带有对象的选项

下一篇：Angular选择器组件生命周期 - 如果一个组件嵌套在另一个组件内，ngOnInit/ngOnDestroy等生命周期钩子会被触发。是否可以避免这种行为？

相关内容

热门资讯

围绕透视问题!微乐河南小程序辅... 围绕透视问题!微乐河南小程序辅助器免费(辅助挂)一直真的有挂(有挂窍要)-哔哩哔哩；亲，微乐河南小程...
1分钟开挂！海洋麻将辅助器，天... 1分钟开挂！海洋麻将辅助器，天天微友有辅助吗，wepoke教程-2026最新版本天天微友有辅助吗辅助...
现有关情况通报如下!来物局怎么... 来物局怎么开挂 无需打开直接搜索微信：136704302本司针对手游进行，选择我们的四大理由: 1、...
八分钟开挂！潜江晃晃辅助，hh... 八分钟开挂！潜江晃晃辅助，hhpoker辅助实战视频，透明挂教程-2026最新版本亲，关键说明，hh...
据监测!福建天天开心辅助工具下... 据监测!福建天天开心辅助工具下载(辅助挂)一贯真的有挂(有挂教程书)-哔哩哔哩，福建天天开心辅助工具...
第五分钟开挂！花花生活圈脚本，... 第五分钟开挂！花花生活圈脚本，兴动互娱辅助器，技巧教程-2026最新版本1、兴动互娱辅助器透视辅助简...
目前!中至江西插件(辅助挂)一... 中至江西插件 无需打开直接搜索微信：136704302本司针对手游进行，选择我们的四大理由: 1、软...
第七分钟开挂！皮皮广东游戏辅助... 第七分钟开挂！皮皮广东游戏辅助软件，越乡游义乌辅助器免费试用，微扑克教程-2026最新版本1、打开软...
事发当天!蜀友会通用辅助器(辅... 事发当天!蜀友会通用辅助器(辅助挂)果然是有挂的(有挂攻略)-哔哩哔哩【无需打开直接搜索加薇1367...
七分钟开挂！天天爱柳州辅助，新... 七分钟开挂！天天爱柳州辅助，新九九辅助，必备教程-2026最新版本1、玩家可以在天天爱柳州辅助软件透...