如何使用 angular 将 css 赋给 ionic 4 中的元素？

Question

我正在使用一个管理公司及其订单和员工的应用程序，所以现在，我无法改进只有数据正常显示的应用程序，所以请添加一些颜色，给一些填充 html 元素向我的应用程序添加样式如何在 ionic 4

中使用 css

例如下面我必须在同一行中的元素

<ion-list>
    <ion-item *ngFor="let i of showChannelPartners">
      <ion-label> <p> {{ i.name }} {{i.manager}} </p>
       <h2> {{ i.contact_number }} </h2>
     </ion-label>
    </ion-item>
  </ion-list>

所以如何在上面的代码中显示名称和经理 row.I 意味着如何给名称和经理提供填充

Answer 1

所以我在这里使用 'p' 标签将两个值放在标签的同一行中。因此，要将元素对齐在同一行中，我们应该如下所示

ion-text tag

<ion-list>
  <ion-item *ngFor="let i of showCustomers;let i = index" (click)="getCustomerDetails([i.cust_id],[i.name],[i.contact_number])">
    <ion-label> <p> {{i.name}} <ion-text class="ion-float-end" color="success"> <small>{{i.manager}}</small></ion-text> </p>
     <h2> {{i.contact_number}} </h2>
    <p> {{i.address}} <ion-text class="ion-float-end">{{i.locality}}</ion-text> </p> </ion-label>
  </ion-item>
</ion-list>

如果您在上面的代码片段中看到，我将其中一个元素放在 ion-text 标签中并使用 class要以这种方式将元素对齐到行尾，我们可以使用 p,ion-text 对齐行中的文本以及在标签行的开始或中心和行尾标签

如何使用 angular 将 css 赋给 ionic 4 中的元素？

How to give css to the elements in ionic 4 using angular?

angular

ionic4