使用离子和角度处理template.html的If条件

// app.component.ts
import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  isVisible = true;
}

<!-- app.component.html -->
<div *ngIf="isVisible">
  这个元素只有在isVisible为true时才会显示。
</div>

// app.component.ts
import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  angle = 45; // 你可以根据需要更改这个值

  get isVisible(): boolean {
    // 根据角度判断是否显示元素
    return this.angle > 30 && this.angle < 60;
  }
}

<!-- app.component.html -->
<div *ngIf="isVisible">
  这个元素只有在角度在30到60度之间时才会显示。
</div>