@homePartnership.Batsman1Runs est la valeur dynamique d'une api et px est statique, si elle s'exécute côte à côte, elle se brise comme suit: @ homePartnership.Batsman1Runspx n'est pas un champ valide et s'il y a un espace, html ne suivra pas la largeur. avoir, ça ne marche pas.
<div class="left-bar" style="width:@homePartnership.Batsman1Runs{<text>px</text>}"></div>
Réponses:
5 pour la réponse № 1Entourer la partie dynamique de parenthèses (le @( ... ) construction):
<div class="left-bar" style="width:@(homePartnership.Batsman1Runs)px"></div>
Notez que Razor analyse les espaces, c'est doncsyntaxe de rasoir valide: "width: @ homePartnership.Batsman1Runs px". Mais bien sûr, cela produit "width: 5 px", ce qui n'est pas tout à fait valide. Cependant, comme ci-dessus, vous pouvez toujours ajouter les parenthèses pour définir un bloc de code.
Pour référence, inline Razor Syntax: