Interface NodeLogical

Example: Простое логическое условие

<div>
  ${context.isAdmin && html`<button>Админ-панель</button>`}
</div>
Copy

Результат:

{
  "tag": "div",
  "type": "el",
  "child": [
    {
      "type": "log",
      "data": "/context/isAdmin",
      "child": [
        {
          "tag": "button",
          "type": "el",
          "child": [
            {
              "type": "text",
              "value": "Админ-панель"
            }
          ]
        }
      ]
    }
  ]
}
Copy

Example: Логическое условие с проверкой массива

<div>
  ${core.notifications.length > 0 && html`
    <div class="notifications">
      ${core.notifications.map(n => html`<div>${n.message}</div>`)}
    </div>
  `}
</div>
Copy

Результат:

{
  "tag": "div",
  "type": "el",
  "child": [
    {
      "type": "log",
      "data": "/core/notifications.length",
      "expr": "${[0]} > 0",
      "child": [
        {
          "tag": "div",
          "type": "el",
          "string": {
            "class": "notifications"
          },
          "child": [
            {
              "type": "map",
              "data": "/core/notifications",
              "child": [
                {
                  "tag": "div",
                  "type": "el",
                  "child": [
                    {
                      "type": "text",
                      "data": "[item]/message"
                    }
                  ]
                }
              ]
            }
          ]
        }
      ]
    }
  ]
}
Copy

Example: Сложное логическое условие

<div>
  ${core.role === 'admin' && core.permissions.includes('delete') && html`
    <button onclick="deleteItem()">Удалить</button>
  `}
</div>
Copy

Результат:

{
  "tag": "div",
  "type": "el",
  "child": [
    {
      "type": "log",
      "data": ["user.role", "user.permissions"],
      "expr": "${[0]} === 'admin' && ${[1]}.includes('delete')",
      "child": [
        {
          "tag": "button",
          "type": "el",
          "string": {
            "onclick": "deleteItem()"
          },
          "child": [
            {
              "type": "text",
              "value": "Удалить"
            }
          ]
        }
      ]
    }
  ]
}
Copy

Структура узла:

• type - всегда "log" для логических операторов
• data - путь(и) к данным для условия
• expr - выражение с индексами (если условие сложное)
• child - дочерние узлы, которые отображаются только если условие истинно