Angular ng-style for ::after
<p>I am designing a dynamic hr (horizonatal) rule. </p>

<p>In my Style sheet</p>

<pre><code>hr.my-hr:after{
   content:'Generic'
}
</code></pre>

<p>In my template</p>

<pre><code>&lt;div ng-repeat="name in ['Adam', 'Collin', 'David']"&gt;
&lt;hr class="my-hr" ng-style="{'content':name}"&gt;
</code></pre>

<p>But how do i dynamically change the content in the template when using ng-repeat ???? </p>