Question

我在编辑时使用角度uibModal进行弹出。我有4个模式选项卡，默认情况下，第一个选项卡将被激活并显示。它工作正常但是当单击编辑按钮时它会渲染所有选项卡html然后显示第一个选项卡..请帮助解决这个问题，

我尝试使用ng-cloak。无法正常工作

这是css：

<style type="text/css">
        [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
        display: none !important;
    }       
    </style>

在html页面中调用ng-cloak：

<div ng-cloak class="wizard-card" ng-show="currentTab == 1 && renderShow == false">
                        <div class="row" style="margin-top: 10px;">
                            <div class="col-md-12">
                                <h4>{{'lable.vChartTitle' | translate}}:</h4>

                                <input type="text" name="charttitle" ng-model="items.chartTitle">

                            </div>

                        </div>

这是我打开模态的代码：

$scope.openVmWizard = function (item, idx) {
        $uibModal.open({
            animation: true,
            templateUrl: 'app/partials/vm-wizard-modal.html',
            controller: 'vmWizardModalCtrl',
            backdrop: 'static',
            size: 'lg',
            resolve: {
                options: function () {
                    return {
                        "title": "Visual Measurement",
                        "type": "vm",
                        'layout': $scope.stationLayout,
                        'sourceId': $sessionStorage.activeTreeNode.id,
                        'sourceType': $scope.sourceType,
                        'windowOrder': idx,
                        "metrics": $scope.metricLables,
                        "mesId": $scope.mesId,
                        "item": item,
                        "list":$scope.windowList
                    };
                }
            }
        }).result.then(function (status) {
            if (status) {
                $scope.loadData($rootScope.vmStandAloneMode);
            }
        });
    };

请帮忙

Answer 1

弹出窗口下的选项卡正在加载所有选项卡，然后首先激活这一切因为ng-show指令..在使用$ scope值之前没有删除...所以一旦我改为ng-如果它工作为预期..

模态没有正确显示一个镜头，显示在angularjs加载完成之前所有html内容

1 个答案: