angular - 如何在 Angular 数据类型上使用 ngSwitch?

标签 angular typescript instanceof typeof ng-switch

我在 angular2 工作,很想知道我是否可以使用 ngSwitch 来加载 <div>当变量具有某种数据类型时标记。即 像这样:

 <div [ng-switch]="value">
  <p *ng-switch-when="isObject(value)">This is Object</p>
  <p *ng-switch-when="isArray(value)">This is Array</p>
  <p *ng-switch-when="isBoolean(value)">This is Boolean</p>
  <p *ng-switch-when="isNumber(value)">This is Number</p>
  <p *ng-switch-default>This is Simple Text !</p>
</div>

是否可以加载 div当变量是某种数据类型时标记? 如果没有,有什么解决方法吗?

最佳答案

另一种方法是使用 ngIf:

  <p *ngIf="isObject(value)">This is Object</p>
  <p *ngIf="isArray(value)">This is Array</p>
  <p *ngIf="isBoolean(value)">This is Boolean</p>
  <p *ngIf="isNumber(value)">This is Number</p>
  <p *ngIf="!isObject(value) || !isArray(value) || !isBoolean(value) || !isNumber(value)">This is Simple Text !</p>

关于angular - 如何在 Angular 数据类型上使用 ngSwitch?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38013862/

相关文章:

css - 当 Wrapper 较小时 Angular 改变 flex 方向

javascript - Vetur 错误 2300 重复标识符 '(Missing)'

javascript - 通过窗口传递对象时 instanceof 运算符失败

java - 实现工厂设计模式时如何避免 'instanceof'?

javascript - Angular HttpInterceptor 通过共享 observable 来缓存并行请求

angular - 为什么我不应该发布用 Ivy 编译的库?

javascript - 实例化 Injectable 类时未调用 ngOnInit

javascript - 通过 Angular 移动 DOM 元素时保持焦点

android - Android Java代码中 'instanceof'的影响

返回自定义 Observable 时,Angular HTTP 客户端拦截器不起作用