0

私は AngularUI Datepicker を使用しています。それぞれ ng-repeat を持つ別々の部分ビューがあります。AngularUI-Bootstrap-Datepickers を使用していて、ページの読み込みが非常に遅くなっています。

私はこの答えに従いました: ページの多くの UI-Bootstrap-Datepickers の読み込みが非常に遅い - 単一のインスタンスを使用して要素を移動できますか?

しかし、他にもいくつかの問題がありました。このアプローチでは、個別の ng-if を使用してスパンからテキストボックスに切り替えています。ただし、それらを切り替えるにはかなりの時間がかかるため、テキストボックスで遊んでいることがユーザーに表示されます（画像 http://i.stack.imgur.com/YxZXQ.pngを確認してください）

私もこれに従いました: https://github.com/angular-ui/bootstrap/pull/3666/commits

しかし、変更を統合して日付ピッカーを正常に実行することができません。

この問題に対する信頼できる解決策はありますか?

4

1 に答える 1

0

ページ上の多くの UI-Bootstrap-Datepicker の読み込みが非常に遅い - 単一のインスタンスを使用して要素を移動できますか?

   <p class="input-group">
    <span class="form-control" ng-if="!date.opened1">{{date.data1|date:format}}</span>
    <input type="text" class="form-control"
           ng-if="date.opened1" datepicker-popup="{{format}}" ng-model="date.data1"
           is-open="date.opened1"
           datepicker-options="dateOptions"
           close-text="Close"/>
        <span class="input-group-btn">
            <button type="button" class="btn btn-default" ng-click="open($event, date,1)">
                <i class="glyphicon glyphicon-calendar"></i>
            </button>
        </span>
</p>

コード

$scope.open = function($event,date,i) {
    $event.preventDefault();
    $event.stopPropagation();
    date['opened'+i] = !date['opened'+i];
 };

プランク リンク

于 2016-01-05T11:14:59.270 に答える