Ember JS / Handlebars查看助手

Question

目前，如果我們將視圖定義為{{#view App.myView}} ，則ember / handlebars會將視圖元素包裝在<div id="ember-1234" class='ember-view'> 。

有辦法阻止這個嗎？

Answer 1

您可能希望將tagName設置為''。

App.MyView = Em.View.extend({
    tagName: ''
});

至少它會停止包裹內部內容。

Answer 2

如果要自定義視圖元素的id，可以使用：

{{#view App.myView id="my-id"}}

Answer 3

我通常認為我的觀點是包裝。 例如，如果初始給定的html代碼是：

<div class="item"><p>my stuff></p></div>

然后我創建一個視圖，其tagName屬性為“div”（默認值），classNames屬性為“item”。 這將使用適當的把手模板呈現：

{#view App.myView}
    <p>my stuff></p>
{/view}

-> render as

<div id="ember-1234" class="ember-view item">
    <p>my stuff></p>
</div>

然后，如果您需要在此div上擁有正確的ID，則可以在視圖類上定義“elementId”屬性（在create（）之前）。 （@see 源代碼）

Answer 4

我假設您正在談論'ember-view'類，它不可自定義（由於tagName屬性，元素類型可自定義...） 。

實際上，Ember稍后使用此類在文檔上注冊（一次！）一個事件監聽器，以便將事件分派給JS視圖。

我不介意避免使用這個類會更簡單。 必須找到另一種選擇所有余燼控制元素的方法，但我不知道如何。

參見source ，@ line 117。

Answer 5

如果我理解正確你想要實現類似jQuery的replaceWith ？ 當我的Pull請求合並時，您可以在Ember.js中使用它： https ： //github.com/emberjs/ember.js/pull/574 。