我在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
访问该元素?
答案 0 :(得分:1)
您正在调用控制器中的hideMenu函数,这将无法正常工作。因为模块和控制器函数是在创建DOM之前启动的,所以在此调用期间elem将为null。最好在DOM中的ng-init指令中调用此方法。