0

Javascript (json) 経由でクロージャー テンプレート (soy) にデータを渡していますが、firebug でエラーが発生します。

// Simple html that starts the whole process
<html lang="en">
  <head>
  <title>Gigya Social Demo  - getContacs</title>
  <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="jquery.lightbox_me.js"></script>
    <!-- add the soy js here-->
    <script type="text/javascript" src="emailcontacts.js"></script>
    <script type="text/javascript" src="invite_emailcontacts_view.js"></script>

    <script type="text/javascript">
      function openLightbox() {
          var data = [{"provider":"Yahoo","firstName":"myname","lastName":"mysurname","nickname":"mynick","email":"email@hotmail.com","photoURL":"http://l.yimg.com/dh/ap/social/profile/profile_b10.png"}];
          var invite = new InviteContactEmailView();
          console.log(invite);
          invite.open(data);
          return this;
        }
    </script>
    <style>
      #contactsOverlay {
        -moz-border-radius: 6px;
        background: #eef2f7;
        -webkit-border-radius: 6px;
        border: 1px solid #536376;
        -webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
        -moz-box-shadow:  rgba(0,0,0,.6) 0px 2px 12px;;
        padding: 14px 22px;
        width: 400px;
        position: relative;
        display: none;
    }
  </head>
  <body onLoad="openLightbox()">

    <div id="contactsOverlay">
  </body>
</html>

// soy invoker in file invite_emailcontacts_view.js
function InviteContactEmailView() {
  this.template = {}; 
  this.template.element = $('#contactsOverlay');

  this.elementSelector = this.template.element;
}

InviteContactEmailView.prototype.open = function(contacts) {
    this.elementSelector.lightbox_me({destroyOnClose: true, centered: true, onLoad: testme(this.elementSelector, contacts) }); 
    return this;
};

var testme = function(ele, contacts) {
  ele.append(jive.invite.emailcontacts.create(contacts));
  $('fieldset div').bind('click', function() {
    var checkbox = $(this).find(':checkbox');

    checkbox.attr('checked', !checkbox.attr('checked'));
  }); 
}


// soy template (on compile resides in file: emailcontacts.js)
{namespace jive.invite.emailcontacts}

/**
*   @param contacts
*   @depends path=/var/www/statics/js/invite_emailcontacts_view.js
**/
{template .create} 
    {foreach $contact in $contacts}
        <fieldset>
            <div>
                <div class="data"></div>
                <input type="checkbox" id="checkbox">
            </div>
        </fieldset>
    {/foreach}
{/template}

どんな種類の助けも大歓迎です。

よろしく

4

1 に答える 1

1

コンパイルされたテンプレートはどこにありますか? そこにブレークポイントを配置すると、詳細がわかります。キーの連絡先でテンプレートを呼び出すときに、テンプレートにハッシュを渡していないと思われます。基本的に、宣言したテンプレートは、次のようなデータ セットを取得する必要があります。

{contacts: [....]}

これは明らかに、高度なモードでコンパイルしていないことを前提としています。

于 2013-09-01T15:06:38.463 に答える