角度md-tabs没有显示在ios中

时间:2016-10-27 09:18:45

标签: html css angular-material

我正在研究搜索部分(基于网络的系统),我在设计中使用角度材料(1),所有在Android设备上运行正常,但是当我们在IOS中进行测试时,无论是在safari还是chrome,md -tabs没有显示,只显示标题和底部部分[单击弹出按钮时完全没有显示,整个标签没有显示],我试图在互联网上搜索,访问github中的angularjs文档但是它似乎它已经在他们之前的版本中解决了(回到2015年),现在我正在使用最新版本,任何人都有任何想法或理由背后的这个问题?非常感谢,如果有人知道或可以对此提出任何想法。

<md-dialog  class="md-fullscreen-dialog">
<form name="searchForm" ng-submit="submit()">
    <md-toolbar>
        <div class="md-toolbar-tools">
            <h2>Search Vehicle</h2>
            <span flex></span>
            <md-button class="md-icon-button" ng-click="cancel()">
                <md-icon md-svg-src="img/icons/ic_close_24px.svg" aria-label="Close dialog"></md-icon>
            </md-button>
        </div>
    </md-toolbar>

    <md-dialog-content style="width: 100%; height: 100%;">
        <md-tabs md-border-bottom md-dynamic-height md-selected="tabPage">
            <md-tab label="Filters">
                <md-content layout-gt-sm="row" layout="row" layout-xs="column">
                        <md-content id="filterArea" class="md-padding">
                            //content here
                        </md-content>
                        <md-content id="searchArea" class="md-padding">
                            //content here
                        </md-content>
                </md-content>
            </md-tab>
            <md-tab label="Results" md-on-select="tab2Selected()" ng-disabled="!isQuickSearch()">
                    <md-content class="md-padding">
                        <kendo-grid k-scope-field="kVGrid"
                                    id="VGrid"
                                    k-options="src"
                                    k-auto-bind="false">
                        </kendo-grid>
                    </md-content>
                </md-tab>
        </md-tabs>
    </md-dialog-content>
    <md-dialog-actions layout="row">
        <span flex></span>
        <input class="md-button md-primary diagbutton" type="submit" value="Search" />
        <md-button class="diagbutton" style="margin-left:1.5em;" ng-click="cancel()">Cancel</md-button>
    </md-dialog-actions>
</form>

1 个答案:

答案 0 :(得分:0)

您有什么方法可以检查设备上的源代码吗?

如果是这样,请尝试找到标签并检查它们。您应该看到它们去了哪里(例如,可能因为left属性而在页面之外),并且还会看到应用的样式。