JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – 如何在Angular2中检查ngIf中的变量类型大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在学习Angular2.我有一个具有变量的组件,它是一个对象.
我正在迭代对象的字段,并根据该位置的数据类型,我需要渲染不同的组合.
在这种情况下,我想要tu渲染该标签,如果该位置的类型是一个数字,这是如何不工作的
<div>
  <div *ngIf='obj'>
    <label *ngFor="let key of keys; let i = index">
      <label class='key'>{{key}}:</label>
      <label class='number' *ngIf='typeof obj[key] === "number"'>
      <!-- label class='number' *ngIf='obj[key] | typeof === "number"' -->
        {{ obj[key] }}
      </label>
    </label>
  </div>
</div>

有任何想法吗?

我还创建了一个管道,以获得其打印值时的工作类型,但不在* ngIf内

解决方法

像窗口,类型,枚举或静态方法这样的全局变量在模板中不可用.只有组件类和typescript语言结构的成员才可用.

你可以像你一样在你的组件中添加一个帮助器方法

isnumber(val) { return typeof val === 'number'; }

并使用它

<label class='number' *ngIf='isnumber(obj[key])'>

大佬总结

以上是大佬教程为你收集整理的javascript – 如何在Angular2中检查ngIf中的变量类型全部内容,希望文章能够帮你解决javascript – 如何在Angular2中检查ngIf中的变量类型所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。