Динамически укладка псевдо-элементы с angularjs

У меня есть div, как показано ниже:Динамически укладка псевдо-элементы с angularjs

<div class="circle-icon"><span class="icon icon-loanaccount"></span></div>

и это div тег имеет следующие стили:

.circle-icon {  
    background: #db552d none repeat scroll 0 0;  
    width: 50px; 
    &::after{ 
    border-bottom: 5px solid #db552d; 
    content: ""; 
    height: 0; 
    position: absolute;   
    }&:before{ 
    border-bottom: 5px solid #db552d; 
    content: ""; 
    height: 0;   
    }  
}

как я могу динамически стиль border-bottom с угловым, предположим, что У меня есть цвет, который я хочу использовать в scope.borderColor?

источник

2016-07-17 Rachmaninoff

Я не уверен, если я понял ваш вопрос правильно, но вы не можете выбрать псевдо элемент с JS, но вы можете наследовать стиль от родителя в примере я добавил границы-цвет для родителей и унаследовали цвет для ребенка, т.е. псевдоэлемент https://jsfiddle.net/victor_007/gqzt3w05/ –

ng-style Ваш друг здесь, см. working link здесь.

$scope.bordercolor = "thick dotted #ff0000"; 

<div class="circle-icon" ng-style ="{'border-bottom': bordercolor}"> 
    <span class="icon icon-loanaccount"></span> 
</div>

источник

2016-07-17 08:08:30

Динамически укладка псевдо-элементы с angularjs

ответ

Смежные вопросы