隐藏来自另一个模块的元素

时间:2016-09-26 09:22:45

标签: javascript angularjs

我在angularjs单页面应用程序项目

上工作

我的angularjs项目csf -a 999.999.999.999 'allow connection to XYZ database server'module-'A'中有两个模块。每个模块都有视图模板。 module-'B'模板的视图包含Module-'B'的div,我需要隐藏id ="siteDataView"名为module-'A'的控制器函数中的div。

我这样试试:

hideMenu()

但问题是(function () { "use strict"; angular.module("module-A").controller("module-A-Controller", ["$state", module-A-Controller]); function module-A-Controller() { var self = this; this.hideMenu = function () { var elem = document.getElementById("siteDataView"); elem.hide(); } self.hideMenu(); } })(); 变量始终为空。

知道我错过了什么?为什么我无法使用elem访问该元素?

1 个答案:

答案 0 :(得分:1)

您正在调用控制器中的hideMenu函数,这将无法正常工作。因为模块和控制器函数是在创建DOM之前启动的,所以在此调用期间elem将为null。最好在DOM中的ng-init指令中调用此方法。