Ember.js: Kiểm tra xem phần tử xem có được chèn vào DOM

Question

Trong một phương thức trên lớp con Ember.View, tôi chỉ muốn thay đổi DOM nếu phần tử chế độ xem đã được chèn vào DOM. Làm thế nào tôi có thể kiểm tra điều đó?

Tôi biết tôi có thể tạo ra một tài sản phụ như vậy:

didInsertElement: function() { 
    this.set('elementIsInserted', true); 
} 
willDestroyElement: function() { 
    this.set('elementIsInserted', false); 
} 

Nhưng có một số kinh điển, được xây dựng theo cách?

Tôi không tìm thấy bất cứ điều gì lướt qua view.js, nhưng có lẽ tôi đang thiếu một cái gì đó.

Answer 1

Nếu bạn muốn tránh phải thiết lập một lá cờ phụ trợ, bạn có thể mở rộng Ember.View:

Ember.View.reopen({ 
    didInsertElement: function() { 
     this.set('elementIsInserted', true); 
     this._super(); 
    }, 

    willDestroyElement: function() { 
     this.set('elementIsInserted', false); 
     this._super(); 
    } 
}); 

Bây giờ mỗi Xem mà kéo dài Ember.View sẽ nhận được ở trên.

Ngoài ra, một thành viên của nhóm nòng cốt đề nghị bạn tránh đề cập đến inDOM vì nó là biến nội bộ và không được dùng để sử dụng trong mã.

Answer 2

Mỗi chế độ xem có thuộc tính _state, được đặt thành "inDOM" khi phần tử được chèn vào.

if (this._state=="inDOM") doStuff(); 

sẽ hoạt động. Đảm bảo bạn có đúng this!