Я следующий код, который отлично работает:Установка угловой переменной в HTML в то время как с помощью нг-повтора
<div class="progress progress-striped active">
<div class="progress-bar progress-bar-success" style="width: {{(p.availableIpAddressCount/p.totalIpAddressCount)*100|number:0}}%;background-color: #5cb85c">
{{(p.availableIpAddressCount/p.totalIpAddressCount)*100|number:0}}
</div>
</div>
Однако, как вы можете видеть, я повторяю {{(p.availableIpAddressCount/p.totalIpAddressCount)*100|number:0}}
много, и поэтому я хотел бы назначить его угловая переменная. Я также хотел бы сделать NG-переключатель на результат. Это то, что я пробовал
<div class="progress progress-striped active" ng-init = "barPercentage= {{(p.availableIpAddressCount/p.totalIpAddressCount)*100|number:0}}">
<div ng-switch="barPercentage">
<div ng-switch-when=">=0" class="progress-bar progress-bar-success" style="width: {{barPercentage}}%;background-color: #5cb85c">
{{(p.availableIpAddressCount/p.totalIpAddressCount)*100|number:0}}
</div>
</div>
</div>
Однако это не работает, но я не уверен, почему. Я не вижу ошибок в консоли.
Любые идеи?
насчет только с помощью нг-если – MMK
Вам не нужно интерполяции т.е. 'нг-INIT =«barPercentage = (p.availableIpAddressCount/p.totalIpAddressCount) * 100 | номер: 0 "' – Satpal
@Satpal он по-прежнему не работает без интерполяции. спасибо за предложение. –