стиль div в angularjs на основе условий - PullRequest
Новая
       8

стиль div в angularjs на основе условий

0 голосов
/ 18 сентября 2018 

.left {
    float: left;
}

.right {
     float: right;
}
<div>
<div ng-repeat="x in myMessages">
    <div style="width:70%;" ng-class="{left: {{x.sender_username}} == '<?php echo $_SESSION['username']; ?>', right: {{x.sender_username}} != '<?php echo $_SESSION['username']; ?>'}">
    

        <strong>@{{x.sender_username}}</strong>
        <p>{{x.messages}}</p>


</div>
</div>
</div>

Я создаю приложение чата, использующее angularjs, после входа в систему имя пользователя пользователя устанавливается в сеансе. В чате с другим пользователем я хочу, чтобы чат владельца учетной записи перемещался влево, а другой - вправо, после поиска в Интернете это то, что я придумал, но не работает. Я буду рад видеть кого-то, кто поможет с этим. Заранее спасибо.

1 Ответ

0 голосов
/ 18 сентября 2018

Почему бы не поместить свой жестко запрограммированный стиль в классы, теперь он все равно стал обычным? 

.left {
  float: left;
  width:70%;
}

.right {
  float: right;
  width:70%;
}

Затем заключите в кавычки имена классов и прекратите рендеринг.ng-class ожидает выражение: 

<div ng-class="{ 
  'left': x.sender_username == '<?php echo $_SESSION['username']; ?>', 
  'right': x.sender_username != '<?php echo $_SESSION['username']; ?>'
}">
...