Сделайте уведомлениеSelected и уведомлениеВыберите данные проверки, используя dynmaic для цикла и массива - PullRequest
0 голосов
/ 01 октября 2019

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

<div class="section-blue">
      <section class="container-fluid notification-section">
        <div class="row">
          <script>
            var a = [];
            for (i = 0; i <= 10; i++) {
              console.log(a[i]);
            }
          </script>

          <div class="mon-semi-class fs-20 color-black mt-3 mb-3 ml-3">
            Recent
          </div>

          <div
            class="
          cust-p notification-item"
            [ngClass]="{ selected: notificationSelected == '1' }"
            (click)="notificationSelect('1')"
          >
            <div class="sub-notification-item">
              <span class="mon-reg-class fs-16 color-blue"
                >Thank you for showing your interest for the UI/UX Designer
                role with Solv.</span
              >
            </div>
            <div class="timestamp d-flex justify-content-end">
              <label class="mon-reg-class fs-12 color-black mb-0"
                >Just Now</label
              >
            </div>
          </div>

          <div
            class="cust-p notification-item"
            [ngClass]="{ selected: notificationSelected == '2' }"
            (click)="notificationSelect('2')"
          >
            <div class="sub-notification-item">
              <span class="mon-reg-class fs-16 color-blue"
                >Congratulations! You have successfully cleared all the
                round. Please upload the documents</span
              >
            </div>
            <div class="timestamp d-flex justify-content-end">
              <label class="mon-reg-class fs-12 color-black mb-0"
                >Just Now</label
              >
            </div>
          </div>
...