尝试保存记录时出现变形错误

Question

当我尝试保存一些数据时，我遇到了一个奇怪的错误。

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

我注意到实际的 DOM 中有一些奇怪的东西

<h1>Posts page</h1>
<script id="metamorph-2-start" type="text/x-placeholder"></script>
<script id="metamorph-2-start" type="text/x-placeholder"></script>
<p>...</p>
...
<button data-ember-action="5" class="btn btn-warning">Cancel</button>
<script id="metamorph-2-end" type="text/x-placeholder"></script>
<table class="table table-striped table-hover>

有两个相同的标签和一个结束标签。我也尝试不使用部分（即将代码放在 dom 中）。当重复的变形开始标签消失时，当尝试保存时，它试图引用的变形标签不存在。

这是我的代码的JSBin。

JSBin工作，这是有前途的。jsbin和我的代码之间的唯一区别是我使用的是Ember App Kit。我的猜测是我在ES6设置上做错了什么。我在这里发布了我的控制器代码

var IndexController = Ember.ArrayController.extend({
  addingNew: false,
  actions: {
    createAccount: function() {
      var account = this.store.createRecord('account', {
        name: 'howdy',
      });
      account.save();
    },
    showNew: function() {
      this.set('addingNew', true);
    },
    cancelNew: function() {
      this.set('name', '');
      this.set('addingNew', false);
    }
  }
});
export default IndexController;

我做错了什么才能得到这个错误？

Answer 1

我以前遇到过这个问题，当我有 html 注释包围 ember 标签时。 像这样：

<!-- {{#if something}}X{{else}}Y{{/if}} -->