Estoy tratando de agregar css desde mi controlador porque necesito pasar algunos datos que calculo en él, pero no sé si es posible, solo puedo encontrar la sintaxis con javascript pero spaui5 no lo admite. Lo que estoy tratando de hacer es lo siguiente:
var horaHand = that.getView().byId("horaHand"); var minutoHand = that.getView().byId("minutoHand"); var segundoHand = that.getView().byId("segundoHand"); var manillahora = hora + minuto/12; horaHand.css("transform", "rotate(" + manillahora + "deg)"); minutoHand.css("transform", "rotate(" + minuto + "deg)"); segundoHand.css("transform", "rotate(" + segundo + "deg)");pero no funciona ¿Hay alguna manera de que pueda aplicar este css?
El código javascript original que estoy probando es este:
const hourHand = document.querySelector('#hourHand'); const minuteHand = document.querySelector('#minuteHand'); const secondHand = document.querySelector('#secondHand'); hourHand.style.transform = `rotateZ(${(hours)+(minutes/12)}deg)`; minuteHand.style.transform = `rotateZ(${minutes}deg)`; secondHand.style.transform = `rotateZ(${seconds}deg)`;o esto
$('.hour-hand').css({ 'transform': `rotate(${hourDegrees}deg)` }); $('.minute-hand').css({ 'transform': `rotate(${minuteDegrees}deg)` }); $('.second-hand').css({ 'transform': `rotate(${secondDegrees}deg)` });Resolví el problema así:
$(".hora").css("transform", "rotate(" + hourDegrees + "deg)"); $(".minuto").css("transform", "rotate(" + minuteDegrees + "deg)"); $(".segundo").css("transform", "rotate(" + secondDegrees + "deg)"); pero como todos saben, SAPUI5 css solo funciona si pones !importante, por eso el código anterior no funcionó. ¿Sabes cómo puedo poner poner !important en el código del controlador? Intenté así: $(".hora").css("transform", "rotate(" + hourDegrees + "deg) !important"); pero no funciona