javascript - 占位符获取第一个单词并忽略其他单词

Question

我有这个js代码:

const express = require('express');
const router = express.Router();
const Ticket = require('../models/Ticket');
const db = require("../models/deskmodedb");
const Ocorrencia = require('../models/Ocorrencia');

router.get('/detalhes-ticket/:cod_ticket', function(req, res) {
    console.log('Request Id:', req.params.cod_ticket);
    var ticketControl;

    ticketControl = Ticket.sync().then(function() {
        return db.sequelize.query(
            'SELECT cod_ticket, titulo_ticket, descricao_ticket, status_ticket, tipo_ticket, data_abertura FROM ticket WHERE cod_ticket IN  (:codigo_ticket) ', {
                replacements: { codigo_ticket: req.params.cod_ticket },
                type: db.Sequelize.QueryTypes.SELECT
            })
    }).then((tickets) => {
        ticketControl = tickets
    }).catch((err) => { console.log('error' + err) })
    ocorrenciaControl = Ocorrencia.sync().then(function() {
        return db.sequelize.query(
            'SELECT ROW_NUMBER() OVER(ORDER BY cod_ocorrencia ASC) AS Row, cod_ticket_f, conteudo_ocorrencia, cod_ocorrencia,data_ocorrencia FROM ocorrencia WHERE cod_ticket_f IN (:codigo_ticket) ', {
                replacements: { codigo_ticket: req.params.cod_ticket },
                type: db.Sequelize.QueryTypes.SELECT
            }).then((ocorrenciaControl) => {
            res.render('detalhesTicket', {
                tickets: ticketControl,
                ocorrencias: ocorrenciaControl,
                style: 'global.css'
            })
        })
    })
})

我得到一张票(票表中的行)并获得与票号的对应关系，然后发送到我的页面 detalhesTicket.handlebars。

在我的 detalhesTicket.handlebars 中，我用 {{variable}} 显示值:

{{#each tickets}}
         <h1 class="text-light">
            Detalhes do Ticket <span id="cod_ticket">#{{cod_ticket}}</span>
         </h1>
      </div>
   </div>
</div>
<div class="container">
   <!-- Cabeçalho Ticket -->
   <div class="row mt-4">
      <div class="col-10">
         <label for="titulo_ticket" class="form-label">Titulo do ticket</label>
         <input  type="text" class="form-control bg-light mb-2" id="titulo_ticket" placeholder={{titulo_ticket}} disabled>
         <label for="descricao_ticket" class="form-label">Descrição do ticket</label>
         <textarea class="form-control bg-light" id="descricao_ticket" rows="4" disabled>{{descricao_ticket}}</textarea>
      </div>
      <div class="col-2">
         <div class="d-grid gap-2 col-12 mx-auto">
            <button class="btn btn-outline-success btn-sm" type="button" id="tempo_aberto">
            {{data_abertura}}
            </button>
            <button class="btn btn-outline-success btn-sm" type="button" id="status_ticket">
            {{status_ticket}}
            </button>
            <button class="btn btn-outline-success btn-sm" type="button" id="tipo_ticket">
            {{tipo_ticket}}
            </button>
            <button class="btn btn-outline-secondary btn-sm" type="button" id="setor_usuario">
            Setor do usuário
            </button>
            <button class="btn btn-outline-secondary btn-sm" type="button" id="nome_usuario">
            Nome do usuário
            </button>
            <button class="btn btn-outline-secondary btn-sm" type="button" id="email_usuario">
            Email do usuário
            </button>
         </div>
      </div>
   </div>
   <hr>
   {{/each}}
   {{!-- O each da ocorrencia começa aqui  --}}
   {{#each ocorrencias}}
   <!-- Ocorrências -->
   <div class="mt-3">
      <div class="ocorrencia mb-3">
         <div class="row">
            <div class="col">
               <label for="titulo_ticket" class="form-label">Ocorrência <span id="cod_ocorrencia">#{{Row}}</span></label>
            </div>
            <div class="col-md-auto">
               <span id="data_ocorrencia">{{data_ocorrencia}} </span>
            </div>
         </div>
         <input type="text"  class="form-control bg-light" id="titulo_ticket" placeholder={{conteudo_ocorrencia}} disabled>
      </div>
   </div>
   <hr>
   {{!-- E terminaria aqui  --}}
   {{/each}}

我的变量 conteudo_ocorrencia 的值为“aucto nunc nulla vulputate”。当我渲染页面以显示值时，该值以这种格式显示:

我的正确值需要是plaseholder“aucto nunc nulla vulputate”。如何在plaseholder中添加我的所有变量valor？

Answer 1

你应该使用这样的引号:

<input type="text"  class="form-control bg-light" id="titulo_ticket" placeholder="{{conteudo_ocorrencia}}" disabled>