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等生命周期钩子会被触发。是否可以避免这种行为？

相关内容

热门资讯

微扑克ai辅助！微扑克辅助器，... 微扑克ai辅助！微扑克辅助器，微扑克wpk辅助软件（总是真的是有挂）1、完成微扑克透视辅助安装，帮助...
总算明白!老友汇麻将有挂吗(辅... 总算明白!老友汇麻将有挂吗(辅助挂)真是真的是有挂(2023已更新)(哔哩哔哩)1、操作简单，无需注...
WePoKe透视挂!wepok... WePoKe透视挂!wepoke辅助德之星(透视)WEpoke(原来真的有挂)；1.WEpoke a...
微扑克ai机器人！微扑克ai辅... 您好，微扑克这款游戏可以开挂的，确实是有挂的，需要了解加微【757446909】很多玩家在这款游戏中...
记者揭秘!白金岛三打哈有挂吗(... 记者揭秘!白金岛三打哈有挂吗(辅助挂)都是是真的有挂(2021已更新)(哔哩哔哩)；1、每一步都需要...
攻略教程!wepoke有科技(... 攻略教程!wepoke有科技(WePoKe外 挂)wePoKe(就是真的有挂)；揭秘教程安装方法样式...
微扑克wpk透视辅助！微扑克可... 自定义微扑克系统规律，只需要输入自己想要的开挂功能，一键便可以生成出微扑克专用辅助器，不管你是想分享...
信息共享!乐乐上海麻将有没有挂... 信息共享!乐乐上海麻将有没有挂(透视)原来真的是有挂(2020已更新)(哔哩哔哩)小薇（透视辅助）致...
微扑克辅助软件！微扑克app发... 微扑克辅助软件！微扑克app发牌规律，WPK竟然是有挂，黑科技教程（有挂秘籍）1、完成微扑克透视辅助...
wepoke辅助！wepoke... wepoke辅助！wepoke软件还可以用，we辅助poker，可靠教程（有挂方法），支持语音通讯、...