drupal - ノックアウト Javascript を使用した Drupal

Question

Drupal で Knockout.js を動作させようとしています。Drupal テンプレート ファイル内の Knockout 呼び出しが、私の Knockout 呼び出しを読み取っていないようです。この2つを連携させた人はいますか？

Answer 1

あなたはおそらくこれについてすべて忘れているでしょうが、フッターに js インラインを含めることで機能するようになりました。

$header = array(
 'type' => 'file'
 );

 $footer = array(
 'type' => 'file',
 'scope' => 'footer'
 );


drupal_add_js(drupal_get_path('theme', 'MyTheme'). '/js/knockout.js', $header);


<p>First name: <input data-bind="value: firstName" /></p>
<p>Last name: <input data-bind="value: lastName" /></p>
<h2>Hello, <span data-bind="text: fullName"> </span>!</h2>


 drupal_add_js('var ViewModel = function(first, last) {
     this.firstName = ko.observable(first);
     this.lastName = ko.observable(last);

     this.fullName = ko.computed(function() {
         // Knockout tracks dependencies automatically. It knows that fullName depends on firstName and lastName, because these get called when evaluating fullName.
         return this.firstName() + " " + this.lastName();
     }, this);
 };

 ko.applyBindings(new ViewModel("Planet", "Earth")); // This makes Knockout get to work

 ',
     array('type' => 'inline', 'scope' => 'footer', 'weight' => 1)
   );

ファイルからそれを行う方法を見つけた場合は、私に知らせてください。この方法で行う必要はありません。

編集：フッターにファイルを含めるとうまくいきます：

drupal_add_js(drupal_get_path('theme', 'MyTheme'). '/js/MyKnockoutScript.js', $footer);