Question

我正在使用Angular-material的网页。我使用md-card来显示一些数据。布局似乎有一些问题。即使y中的内容大于屏幕，也不会出现滚动条。我花了几个小时改变所有可能的值。但没有运气。这是我的顶级控制器。

<body ng-app="TulirWebApp" ng-cloak layout="column">
<div ng-controller="toplevelCtrl">
    <md-content style="overflow: auto">
        <div layout="row">
            <span flex></span>
            <md-button ng-click="addToCart(book)">கூடையில் சேர்க்க</md-button>
            <a href="#/cart">கூடை</a>
            <p ng-if="user.logged_in">{{user.nickname}}</p>
            <a ng-if="user.logged_in" ng-href="{{ user.logout_url }}">Logout</a>
            <a ng-if="!user.logged_in" ng-href="{{ user.login_url }}">Login</a>
        </div>
        <div flex class="md-padding" layout="row" layout-align="center center">
            <div flex-gt-md="60" flex-md="80" flex-xs="100">
                <div ng-view></div>
            </div>
        </div>
    </md-content>
</div>

这是特定页面，即使内容大于屏幕，也不会显示滚动条。

<md-card>
    <md-card-header>
        <md-card-header-text>
            <span class="md-title">Cart</span>
        </md-card-header-text>
    </md-card-header>

    <md-content-card>
        <div ng-repeat="item in items" align="right">
            <strong>{{ item.book_title_ta }} (Rs. {{item.mrp}})</strong>
            <span flex></span>
            <md-input-container>
                <input aria-label="Quantity" type="number" step="any" ng-model="item.quantity" min="1"
                       max="20"/>
            </md-input-container>
            <strong> x {{ item.selling_price }} = {{ item.quantity * item.selling_price }}</strong>
            <md-button ng-click="deleteItem(item)">Delete</md-button>
            <md-divider></md-divider>
        </div>
        <div align="right">
            <strong>Total = Rs. {{ calculateTotal() }} /- </strong>
        </div>
    </md-content-card>
</md-card>
<md-card>
    <md-card-header>
        <md-card-header-text>
            <span class="md-title">Address</span>
        </md-card-header-text>
    </md-card-header>
    <md-content-card>
        <md-input-container class="md-block">
            <label>Phone</label>
            <input ng-model="address.phone" type="text" placeholder="Phone Number">
        </md-input-container>
    </md-content-card>
</md-card>

有什么可能出错的建议？

Angular材质 - md-card未显示滚动条的页面

0 个答案: