Я хочу передать динамическое значение css. Я хочу изменить значение css на основе индекса.Как установить динамическое значение в css?
<hr style="width: 150px;float: left;position: absolute;z-index: 99999;top: 28%;margin-left:110px; left: (index == 0) ? '110px' : '145px'%;">
но здесь «левое» значение не принимается html. Как я могу это исправить?
Для того, чтобы угловой оценить выражение один раз, использовать двойные фигурные скобки, как обычно:
<hr style="width: 150px;float: left;position: absolute;z-index: 99999;top: 28%;margin-left:110px; left: {{(index == 0) ? '110px' : '145px'}};">
Чтобы сделать это постоянно, попробуйте следующее:
<hr style="width: 150px;float: left;position: absolute;z-index: 99999;top: 28%;margin-left:110px;" [style.left]="(index == 0) ? '110px' : '145px'">
Спасибо, что работает для меня – kapiljain123
Я хочу написать это в css-файле, поэтому я пробую вот так: hr {left: (index == 0)? '110px': '145px'}, но это не будет эффективно. пожалуйста, дайте предложение. – kapiljain123
Вы не можете сделать это из CSS. – j2L4e
ngStyle позволяет сделать это:
<hr [ngStyle]="{width: '150px', float: 'left', position: 'absolute', 'z-index': 99999, top: '28%', 'margin-left':'110px', left: (index == 0) ? '110px' : '145px'%}">
или
<hr style="width: 150px;float: left;position: absolute;z-index: 99999;top: 28%;margin-left:110px;"
[ngStyle]="{left: (index == 0) ? '110px'}"> : '145px'%;">
Вы не можете. CSS не * динамический *. Вам нужен javascript. –
, если javascript является уклонением, чем объяснять это – kapiljain123
Nope .... Stack Overflow не является службой написания кода. Я бы предположил, что вы делаете некоторые [** дополнительные исследования **] (http://meta.stackoverflow.com/questions/261592/how-much-research-effort-is-expected-of-stack-overflow-users) , либо через Google, либо путем поиска SO, сделайте попытку и. если у вас все еще есть проблемы, вернитесь ** с кодом ** и объясните, что вы пробовали, и почему это не сработало. –