如何以编程方式关闭活动离子工厂列表容器？

// 假设容器的ID是 'ion-factory-list-container'
var container = document.getElementById('ion-factory-list-container');
container.style.display = 'none'; // 隐藏容器

import React, { useState } from 'react';

function App() {
  const [isContainerVisible, setIsContainerVisible] = useState(true);

  function closeContainer() {
    setIsContainerVisible(false);
  }

  return (
    <div>
      {isContainerVisible && <div id="ion-factory-list-container">内容</div>}
      <button onClick={closeContainer}>关闭容器</button>
    </div>
  );
}

export default App;

<template>
  <div>
    <div v-if="isContainerVisible" id="ion-factory-list-container">内容</div>
    <button @click="closeContainer">关闭容器</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isContainerVisible: true
    };
  },
  methods: {
    closeContainer() {
      this.isContainerVisible = false;
    }
  }
};
</script>

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  template: `
    <div *ngIf="isContainerVisible" id="ion-factory-list-container">内容</div>
    <button (click)="closeContainer()">关闭容器</button>
  `
})
export class AppComponent {
  isContainerVisible = true;

  closeContainer() {
    this.isContainerVisible = false;
  }
}