html - style - implement amp

Por qué es & convertirse en & amp; después de la carga de la página?

Question

Estoy usando Firefox y trabajando en una página cuando lo veo & convierto en & .

Usualmente puedo arreglar esto usando html_entitiy_decode() - pero en este caso no está funcionando.

Entonces descubrí esto. La alerta se activa una vez que se carga la página.

antes de

Después

Los datos se cargan usando PHP / Yii, no a través de JS / Ajax. Sin embargo, estoy agregando / eliminando marcas usando JS Knockout.

<ul data-bind="template: { name: ''brand-item-template'', data: $root.brands}">
<li>
<span id="<?= $brand->id?>" data-bind="text: brand_name, attr: {''id'': brand_id}"><?= $brand->name; ?></span>
<a href="#" class="remove el-icon-remove-circle" data-bind="click: $parent.removeBrand"></a>
</li>
</ul>

Actualizar

Descubrí que este código JS Knockout es lo que hace el cambio. Pero este código no debería activarse hasta que agregue una marca. Entonces, ¿por qué esto afecta my & s?

Es la self.addBrand = function() que realiza el cambio. Si elimino esta función y dejo el resto tal como está, todo está bien. ¿Puede ser un error Knockout?

$(''#store.manage-special-offers'').exists(function(){
Store.mangeSpecialOffers();
});
function manageBrandListModel() {
var self = this;
var store_id = $(''.data-item-id'').val();
var exiting_list = $(''.brand-list ul'').clone();
// Data
self.brands = ko.observableArray(create_list(exiting_list));
self.brand_name = ko.observable();
self.brand_id = ko.observable();
self.store_id = ko.observable(store_id);
// This is the function that makes the chage
self.addBrand = function() {
if (self.brand_name() != "") {
// Update DB
$(''#store.manage-brands'').exists(function(){
$.ajax({
url: site_url + ''/associatebrand'',
type: "POST",
dataType: ''json'',
data: {
Brand: {
brandId : self.brand_id(),
storeId : self.store_id(),
add : true
}
},
success: function (data) {
// Add brand to GUI list
self.brands.push(new brand(self.brand_id(), self.brand_name()));
self.brand_name("");
}
});
});
}
}.bind(self);
(...)
function create_list(exiting_list){
var arr_list = [];
$(exiting_list).find(''li'').each(function(e,li){
var id = $(li).find(''span'').prop(''id'');
var name = $(li).find(''span'').html(); // <--- This is the problem. Must be .text()
arr_list.push(new brand(id,name));
});
return arr_list;
}

¿Puede alguien explicar por qué ocurre esto?

Answer 1

El mérito debe ir tanto para JeremyCook como para Quentin por apuntarme en la dirección correcta.

 $(exiting_list).find(''li'').each(function(e,li){
var id = $(li).find(''span'').prop(''id'');
var name = $(li).find(''span'').html(); // <--- This is the problem. Must be .text()
arr_list.push(new brand(id,name));
});

Lo que hice mal fue que utilicé .html() y el texto se devolvió en formato HTML. Cambiar esto a .text() resolvió mi problema.