0

templateこのタグは IE のどのバージョンでもサポートされていないため、タグを使用せずにテンプレートを使用しようとしています。

これの代わりに：

<template id="component-input-slider">
    <span data-bind="text: display"></span>
</template>

私は使用しようとしています:

<div class="hidden" id="component-input-slider">
    <span data-bind="text: display"></span>
</div>

そして2番目のケースでは、エラーが発生しています: display is not defined.

これに対する最善の解決策は何ですか？

data-bind: if: $dataテンプレートラッパーを追加してみましたが、再現では機能するようですが、実際のアプリでは機能しません。

4

1 に答える 1

1

上記のコメントのように、スクリプト タグを使用して、次のようなテンプレートを作成できます。

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div>
  <table>
    <tbody data-bind="template: { name: 'table-template'}"></tbody>
  </table>
</div>

<script id="table-template" type="text/html">
    <!--ko foreach: data-->
        <tr data-bind="data: $data">
            <td data-bind="text: category"></td>
            <td data-bind="text: description"></td>
        </tr>
  <!--/ko-->
</script>

ここに動作する JSfiddle があります https://jsfiddle.net/gmbrx2vd/4/

于 2016-07-22T17:35:51.577 に答える