Как обновить sh div, когда данные приходят на go шаблон изменения - PullRequest
Новая
       21

Как обновить sh div, когда данные приходят на go шаблон изменения

0 голосов
/ 17 марта 2020

я получаю список развертываний из kubernetes и отображаю его в div, используя go template.how, чтобы перефразировать sh этот div при изменении данных, поступающих в этот div, т. Е. Если я добавляю новое развертывание, оно должно автоматически обновляться в div без перезагрузки. 

<html>

<head>
  {{template "resources"}}
</head>

<body class="body">
  {{template "navbar"}}

  <div class="container-fluid">
    <div class="row">
      {{template "homepage_sidebar" .}}
      <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-4">
        <div
          class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
          <h1 class="h2">Services</h1>

        </div>
        <div class="container-fluid">
          <div class="d-flex">
            <div class="align-self-end ml-auto">
              <button class="btn btn-success btn-md">Import <i class="fa fa-download"></i></button>
            </div>
          </div>
          <br>

          <div class="row">
            {{range $i,$j:=.ClusterNamesList}}
            <div class="col-sm-4">
              <div class="card rounded">
                <div class="card-header text-primary">
                  <div class="row">
                    <p class="d-flex mx-auto"><a title="{{$i}} bullseye view" href="/microservice/{{$i}}/">{{$i}}</a>
                    </p>
                  </div>
                </div>
                <div class="card-body" style="color: #343a40;">
                  <!-- <p class="card-text" style="font-size: 1rem" >Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p> -->
                  <div class="custom-control custom-checkbox">
                    <div class="row">
                      {{range $j}}
                      <div class="col-lg-4 col-md-6">
                        <i class="fa fa-check-circle" style="color: green;font-size: large;">{{.}}</i>
                      </div>
                      {{end}}
                    </div>
                  </div>
                </div>
              </div>
              <br>
            </div>
            {{end}}
          </div>
        </div>
      </main>
</body>

</html>
...