Ký tự "" "(& rsaquo;) góc vi phạm trong IE11

Question

Tôi đang gặp sự cố khi sử dụng ký tự trong IE11. Nó đang được sử dụng trong một mẫu ngọc bích trong một chỉ thị góc, và nó chỉ là một vấn đề trong IE11.

Tôi có hai thẻ span, thẻ đầu tiên chứa ký tự "› "và thẻ sau chứa {{var}}. Biến được in theo nghĩa đen là "{{var}}" trong trình duyệt thay vì "val", nhưng khi tôi thay đổi nội dung span đầu tiên thành bất kỳ thứ gì khác, {{var}} được hiển thị là "val".

Tôi đã thử sử dụng thực thể HTML (›) và nó vẫn vi phạm. Tôi đã thử một số thực thể HTML khác và chúng hoạt động tốt.

Dường như đây là vấn đề với ký tự cụ thể này. Có ai biết tại sao điều này?

Đây là mã:

span.rsaquo › 
span.subcategory {{ category.subname }} 

Dưới đây là kết quả:

Answer 1

Tôi đã thấy vấn đề này bằng cách sử dụng nhân vật góc khung đôi trực tiếp trong mã của tôi. Tôi cũng tìm thấy là khi sử dụng ký tự ndash. Giải pháp tôi tìm thấy là sử dụng thuộc tính ng-bind-template ở bất cứ nơi nào bạn muốn sử dụng các ký tự vui nhộn này.

<span ng-bind-template="rsaquo >"> 
    <span>{{category.subname}}</span> 
</span> 

hoặc

<span ng-bind-template="rsaquo >"> 
    <span ng-bind="category.subname"></span> 
</span> 

Vấn đề cơ bản là IE dừng chế biến javascript trên phần tử DOM với những nhân vật này (mặc dù tôi không chắc chắn lý do tại sao). Nó được đóng hộp cát để chỉ phần tử chứa ký tự đó, cũng như bất kỳ trẻ em nào.

Điều này chỉ xảy ra nếu ký tự xuất hiện trực tiếp trong HTML khi trang đang tải. Đó là lý do tại sao nếu bạn đặt nó trong chỉ thị ng-bind-template, IE sẽ không thấy nó cho đến sau khi mọi thứ đã được nạp và nó đã xử lý mọi thứ.

Answer 2

span.rsaquo › 

Bạn có một không gian. Hãy thử mà không cho không gian như thế này:

span.rsaquo›