<undefined> Thẻ html được tạo trong angular2 beta 0 app

Question

Tôi hiện đang sử dụng angular.beta.0 mới nhất và đã làm theo hướng dẫn bắt đầu nhanh của họ với hướng dẫn về bộ định tuyến. Ứng dụng hoạt động tốt nhưng khi kiểm tra DOM được tạo, có một thẻ <undefined> được tạo. Nó không gây ra bất kỳ vấn đề nào nhưng tôi muốn nó được làm sáng tỏ.

Thẻ không xác định chứa toàn bộ đánh dấu ứng dụng trong đó.

Answer 1

Khi định tuyến bạn có thể bỏ chọn trong các thành phần, đó là hợp lệ. Nhưng chúng sẽ xuất hiện dưới dạng không xác định. Điều đó có thể trông xấu, vì vậy bạn có thể tránh nó bằng cách chỉ định một bộ chọn sẽ hoạt động như một tên và sẽ không khớp với bất kỳ phần tử tùy chỉnh nào trong các mẫu của bạn.

Vì vậy, đây sẽ tạo ra một yếu tố undefined tùy chỉnh trong DOM của bạn

// Some component loaded through routing  
@Component({ 
    // No selector! 
    template : 'Some template' 
}) 

này sẽ không

// Some component loaded through routing  
@Component({ 
    selector : 'some-component', 
    template : 'Some template' 
}) 

Trường hợp này sẽ hiển thị some-component trong DOM thay vì undefined.

Tôi hy vọng điều đó sẽ hữu ích.