как поместить переменные с привязкой данных в одну строку

Question

Я новичок в нокауте js, и я хочу поместить переменную с текстом, который я предоставил, в ту же строку, но я не могу 'найти, как это сделать, даже если я поставлю стиль CSS, могу Кто-нибудь, помогите мне, пожалуйста, без css стиль?

 <div>
  <p>Age :</p>
 <div> <!--ko text: (person_age) --><!-- /ko --><p>year(s)</p></div>
 </div>

результат для меня по этому коду:

Age :
20
years(s)

я хочу это так:

Age :
20 years(s)

Answer 1

То, что толкает вашу строку «лет» вниз на новую строку, это тэг абзаца, обертывающий строку. Чтобы получить то, что вы ищете, я бы переписал это так:

<p><span data-bind="text:person_age"></span> years</p>

Таким образом, значения person_age и "years" будут в одной строке. Тег абзаца - это то, что называется «элементом уровня блока», что означает, что он будет отображать содержимое в виде блока. Пролет - это то, что называется встроенным элементом. Узнайте больше об этом здесь: https://developer.mozilla.org/en-US/docs/Web/HTML/Inline_elements.

Также обратите внимание, что вы используете нокаутный "безконтрактный синтаксис". Я обычно уклоняюсь от использования этого, поскольку вы можете выполнить sh большую часть того, что вам нужно сделать, используя атрибут data-bind . Таким образом, вы можете использовать обычные теги HTML и не использовать <!-- и -->, которые, я думаю, дизайнеры КО намерены использовать в качестве последней стратегии, если использование тега было бы уродливым.