angularjs - Angular UI の日付ピッカー バインド オンデマンド

Question

[ http://jsfiddle.net/shykwoh3/2/]

<span class="input-group">
        <input type="text"
            class="form-control"
            ng-model="hole.date"  
        />
        <!-- 
            datepicker-popup="yyyy-MM-dd"
            show-button-bar="false"
            is-open="opened" 
        -->

        <span class="input-group-btn">
            <button type="button"
                class="btn btn-default"
                ng-click="showDatePicker();">
                <i class="glyphicon glyphicon-calendar"></i>
            </button>
        </span>
    </span>

動的/オンデマンドの日付ピッカーを作成しようとしています。

説明: 日付ピッカーを呼び出したり表示したりできる単一のディレクティブまたはコントローラー関数が必要ですが、カレンダー アイコンがクリックされたフィールドでのみバインディングを行う必要があります。IEアイコンがクリックされるまで、これらの入力フィールドを日付ピッカーなどにバインドしないでください。その理由は、ページにこれらのような1000の日付があるとすれば、日付ピッカーポップアップバインディングのためにページの読み込みが非常に遅くなるからです。ページの読み込み時にバインドされます。

デフォルトのポップアップ日付ピッカーは次のように機能します。

Bootstrap.UI: angular-ui.github.io (Datepicker (ui.bootstrap.datepicker) までスクロールします)

誰かが私の問題と私が達成しようとしていることを理解している場合は、私を助けてください: Modal Date Picker のようなものですが、Modal は必要ありません。日付ピッカーは、 http: //angular-ui.github.io/bootstrap/ のポップアップ日付ピッカーとまったく同じように動作するように見えるはずですが、バインディングはページの読み込み時に発生するのではなく、クリック時にのみ発生するはずです