Javascript 无ng show或ng hide生成AngularJS“隐藏并显示”解决方案

想要基于下拉选择隐藏或显示AngularJS上的元素，但由于页面是与QlikSense的混搭，Qlik中的元素无法与ng show配合使用。我在ng show中尝试了这种方法：但元素仅部分显示。 因此，我用CSS制作了一个基于子可见性的版本，现在元素被正确显示，但问题是当页面加载时，所有选项都是可见的，而下拉列表中没有选择任何选项。我需要这个下拉列表像上一个一样工作，它选择了一个选项，只是它的正确元素在加载时可见。下面是第二次尝试的提琴：

---

我也是一名Qlik开发人员，在控制器初始化之前呈现元素时也有类似的问题。我将以下内容作为类添加到有问题的对象中

 .hidden {
    visibility: hidden;
    }  

然后在元素上使用ng hide=something

---

我在angular controller中定义了一些内容，因此如果我将某些内容设置为false，那么一旦加载了angular，它就会显示出来；如果我将某些内容设置为true，它就会保持隐藏状态。

元素仅部分显示“什么没有显示？”？在我看来，它是完整的……真正的元素来自QlikSense，不幸的是，我无法显示它们，因为它们位于一个允许很少用户的服务器上。但是如果您熟悉Qlik mashup，那么导入的图表就不会显示全部内容。不可能调试我们看不到的问题。我理解，但我的目的是让第二部分工作，而不是在第一部分中解决问题，因为这是Qlik mashup的一个限制，在angular代码中不是问题。ng hide所做的只是向元素添加display:none，这和你在第二把小提琴上手动做的是一样的。我不熟悉Qlik，但许多插件在处理隐藏元素时遇到问题，因为它们无法读取元素大小等；我要尝试的第一件事是从所有可见的东西开始，等待qlik完成设置，然后隐藏需要隐藏的元素。

 .hidden {
    visibility: hidden;
    }