как отображать объекты в элементе litelement

Question

как отображать объекты в элементе litelement

Лучшее / простое / быстрое решение, которое вы можете использовать, если это быстрая отладка, заключается в том, чтобы окружить ваш код захватывающими исключениями. Это то, что я делаю, когда хочу что-то быстро проверить на производстве.

try {

//Page code

} catch (Exception $e) {
    echo 'Caught exception: ',  $e->getMessage(), "\n";
}

Надеюсь, это поможет.

0

javascript web-component lit-element lit-html

задан sowmiya 27 March 2019 в 13:53

1 ответ

Другие вопросы по тегам:

javascript web-component lit-element lit-html

Похожие вопросы:

score 0 · Answer 1

Каждая из ваших анонимных функций должна возвращать строку, и, поскольку они используют .map, вам нужно использовать .join('') для преобразования из массива в строку.

См. Пример ниже:

let providerList = [
  {
    id: "1",
    name:"fund",
    description: "Raising Funds"
  },
  {
    id: "2",
    name: "transfer",
    description: "transfering money"
  }
];

let query = [
  { 
    value: "200", country:"SG"
  }
]

let holder = document.querySelector('.holder');
holder.innerHTML = providerList.map(
  function (provider) {
    return query.map(
      function (query) {
        return `
<div class="card mb-4" style="box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);border: none">
  <div class="card-body p-0">
    <div class="row m-2">
      <div class="col-sm-4">   
          <p>${provider.name} ${query.value}</p>
      </div>
    </div>
   </div>
</div>`;
      }
    ).join('');
  }
).join('');

<div class="holder"></div>

Да, я удалил LITism кода, но это должен показать вам, как это работает, а затем вы можете вернуть это в свою функцию render.