如何在离子含量视图之外访问 DOM 元素

How to access DOM element outside of ion-content view

提问人:rolinger 提问时间:8/23/2020 更新时间:9/11/2020 访问量:245

问:

运行 Ionic v1 应用程序,在我的模板页面中,我有:

<ion-view>
  <ion-nav-title>
    <div id="navTitle"></div>
  </ion-nav-title>

  <ion-content>
  </ion-content>
</ion-view>

从视图控制器中,我试图获取 div 元素:,但它的错误表明 为 null。似乎离子看不到之外的元素var el = document.getElementById("navTitle"); elion-content

我怎样才能得到元素?

angularjs 离子框架 dom getelementbyid

评论


答:

0赞 rolinger 8/23/2020 #1

我想通了。事实证明,我需要为输入控制器时调用的函数添加轻微的延迟。该函数在该部分中设置 dom 元素之前尝试访问该元素。ion-nav-title

setTimeout(function() {
   doFunction() ;
},500) ;

它并不理想,但它做到了

更新: 我找到了更好的方法。应该为 之外的元素分配一个 ng-model,然后可以从正常范围访问该模型:ion-content

<div id="navTitle" ng-model="$parent.navTitle"></div>
<ion-content>
   ...
</ion-content>

然后在控制器中,它可以通过$scope.navTitle