0

AngularJSとJadeでUIBoostrap（http://angular-ui.github.com/bootstrap ）を使用しています。セクションがロードされるときに、動的に生成されたセットの最初のタブが選択される可能性があることを取得できません。これは私のコードです：

div#attachments-section
   tabs
      pane(ng-repeat='attach in attachments', heading='{{attach.filename}}', active='attach.active')
         div.content
            object(width='100%', height='100%', data='{{"http://localhost/files/" + attach.content}}')

つまり、セクション（＃attachments-section）がロードされると、タブは選択されません。JSONコレクション（添付ファイル）の最初の要素でアクティブな属性にtrue値を割り当てようとしましたが、機能しません。

チェック： PDFのブラウザビューアを使用してすべての添付ファイルを表示する必要があるため、コードを（オブジェクトタグを使用して）更新しました。

更新@bleshの提案に従いましたが、Firefoxではうまく機能しますがChromeでは機能しないことがわかりました。パンクラーでサンプルを書きました。

http://plnkr.co/edit/ESBWciLAKJosK2u6eZVD?p=preview

あなたはそれが何が起こる可能性があるかについて何か考えがありますか？

4

1 に答える 1

0

見つけた！Chrome では、オブジェクト タグで埋め込みコンテンツのタイプを指定する必要があります。

    <div ng-controller="MainCtrl">
    <div><h2>Example</h2></div>
    <div id="attachments-section">
      <tabs>
          <pane ng-repeat="attachment in attachments" heading="{{attachment.title}}" active="attachment.active">
            <div style="height: {{objHeight}}; overflow-y: hidden;">
              <object type='application/pdf' width='100%', height='100%', data='{{attachment.filename}}'></object>
            </div>
          </pane>
      </tabs>
    </div>
</div>

punkler のこのコードは、どのブラウザーでも動作します: http://plnkr.co/edit/ESBWciLAKJosK2u6eZVD

ご協力いただきありがとうございます。

于 2013-03-08T20:55:25.440 に答える