Tôi có thể chèn động mẫu mới vào DOM bằng Ember bằng cách nào?

Question

Tôi có ứng dụng Ember.js. Trong mẫu chính tôi có một nút trợ giúp khi nhấp vào sẽ hiển thị chú giải công cụ CSS. Tôi có tooltip là một mẫu Handlebars riêng biệt.

Điều tôi đang cố gắng thực hiện là xử lý sự kiện nhấp để chèn cửa sổ bật lên vào DOM và hiển thị nó. Tôi không thể tìm ra cách chèn các mẫu mới vào DOM bằng cách sử dụng Ember.

Dưới đây là mẫu của tôi, nơi các nút giúp đỡ được hiển thị:

<div id="status_help" class="icon_help" {{action "helpClicked"}}></div> 

Dưới đây là quan điểm chính của tôi:

var checkbox = Ember.Checkbox.extend({ 
    templateName: 'checkbox', 
    helpClicked: function(e) { 
     // Not sure what to do here 
    } 
})); 

var tooltip = Ember.View.extend({ 
    templateName: 'tooltip' 
}); 

Vì vậy, tôi không biết phải làm gì trong xử lý sự kiện để làm cho tooltip và chèn nó vào DOM để hiển thị.

Answer 1

Bạn có thể tạo chế độ xem mới và gắn nó vào DOM bằng cách sử dụng phương thức của append hoặc appendTo.

App.MyView = Ember.View.extend({ 
    templateName: 'a_template' 
}) 

var view = App.MyView.create(); 

// Append the view to the document body 
view.append(); 
// ...or append to any element described using 
// a jQuery-compatible selector. 
view.appendTo('#my-div');