javascript - Ember.js - テンプレートが原因で「DOM にない Metamorph に対して操作を実行できません」

Question

エラーをスローする Ember.js に問題がありました。

Uncaught Error: Cannot perform operations on a Metamorph that is not in the DOM.

私はこれら 2 つのSO の質問を見つけました。どちらも DOM の直接操作を伴いますが、私のアプリには当てはまりません。エラー メッセージを検索すると、同じタイプの直接 DOM 操作に関連する多数の Github の問題も返されます。

Answer 1

エラーメッセージとはまったく関係のない検索からGithubでこの問題に遭遇するまで、私は途方に暮れていました.

基本的に、エラーは HTML コメントで囲まれた Handlebars 式に要約されます。

おそらく言葉よりもコードで言う方が簡単なので、多くの説明が組み込まれた jsFiddle を次に示します: http://jsfiddle.net/niaconis/JSj7W/1/

式は、テンプレート内の 3 つの場所で使用されます。{{computedProp}}通常、HTML コメント内、Handlebars ブロック コメント内です。Web インスペクターを開き、[再計算] ボタンをクリックして、生成されたエラーを確認します。

例のテンプレートから HTML コメントを削除すると、コードが存在しない場合でもコードが正常に実行されることがわかります。

願わくば、これにより、開花中の他の Ember 開発者がこのような単純なソリューションにより容易に導かれることを願っています。