无法加载td innerHTML或文档onLoad上的按钮返回null

时间:2017-08-22 14:26:10

标签: javascript jquery html angularjs

我试图获得innetHTML的{​​{1}}。我有一个内在的价值,我需要得到它,但我在页面加载方面遇到了麻烦。

这是因为当加载td页面时,td为空,并且不会等待它通过一组权限来实现。

所以我需要等待页面等待所有内容,包括我的表的td值。然后,当我单击按钮编辑该行时,我可以获取td值以在按钮内传递并在权限组中执行更新操作。

所以我尝试使用document.state===ready$state.$on(load),向DOMContentLoaded添加一个事件监听器,但没有任何效果。它无法进入代码的那一部分。我不知道为什么。现在我有:

app.controller('OrganizationsPermissionsSettingsController',['$rootScope', '$scope', '$modal', 'HelperService', 'AuthService', '$state', '$http', function ($rootScope, $scope, $modal, HelperService, AuthService, $state, $http) {
        var controllerScope = $scope;


        controllerScope.organizationGroups = [];

        $http.get('/api/organization_permissions_groups').success(function (data) {
            controllerScope.organizationGroups = data;
        });

        controllerScope.openOrganizationPermissionsSettings = function (organizationId) {
            $state.go('app.organizationPermissionsSettings');
        };

        $rootScope.groupId="";

        var groupName = "";
        var btnGraphs = "";
        var btnViews = "";

        angular.element(document).ready(function () {
            alert("loaded");
            groupName = document.getElementById("permissionGroupName");
            console.log("groupName* * * ",$rootScope.groupId);
        });

        $scope.navigateToGraphs = function() {      
            btnGraphs.addEventListener("click", function() { 
                if(groupName.innerHTML!=null){
                    console.log("groupName ",groupName);
                    $http.get('/api/organization_permissions_groups/getId'+groupName).success(function (data) {
                        if(data!=undefined && data != null){
                            $rootScope.groupId=data;
                            console.log("controllerScope.id ",$rootScope.groupId);
                        }
                    });
                }
            });
            console.log("controllerScope.id graphs",$rootScope.groupId);
            $state.go('app.organizationGraphs');    
        }


    }]);

在我看来,我的td有<td id="permissionGroupName">{{organizationGroup.group_name}}</td>,它会检索我的权限组名称。

1 个答案:

答案 0 :(得分:-1)

你可以用      $ scope。$ apply(function(){}) 能够使用

setTimeout(function(){$ scope。$ apply(function(){})})