Як використовувати коментарі в шаблонах рульової панелі?


134

Я використовую Handlebar.js як свій двигун для створення шаблонів. Тепер я хочу прокоментувати деякі блоки в шаблонах моєї рулі. Але тоді я зрозумів, що Handlebar не ігнорує вирази всередині блоку коментарів Handlebar. Будь-яке рішення для цього?



Він підтримує багаторядкові коментарі, але не ігнорує вирази всередині нього.
Абхідев

Відповіді:


201

Найновіша версія ручок має підтримку коментарів блоків:

{{!-- {{commented expressions}} --}}

https://github.com/wycats/handlebars.js/commit/a927a9b0adc39660f0794b9b210c9db2f7ddecd9


8
Дякую jptsetung. Це не працює в повній мірі, тому що я очікую коментар, але, мабуть, він працює за призначенням. Переглядаючи цей підручник, щоб побачити, як працює руль поза лаштунками. net.tutsplus.com/tutorials/javascript-ajax / ... . Здається, рулі не повністю ігнорують коментований рядок, оскільки він все ще створює маркер. Маркер просто порожній. Наприклад, "{{! - Hello {{name}} -}}" створює 1 порожній маркер. Просто подумав, що варто згадати, якщо це коли-небудь викликає проблеми у кого-небудь. Не знаю, чи не так, оскільки це поза лаштунками.
isimmons

51

Просто додайте знак оклику після дужок, що відкриваються.

Нормальне вираження:

{{expressions}}

Висловлений коментар:

{{!expressions}}

25
Зауважте, що різниця між {{!і {{!--формами полягає в тому, що лише остання дозволяє вбудовувати теги рульової панелі. Оскільки це буде легко забути, особливо в довгому коментарі, який згодом переглядається, я б запропонував завжди використовувати довшу форму коментарів.
Даррен Кук

31

Використовуйте цей спосіб у файлі шаблону рульової панелі.

<div class="entry">
  {{!-- only output author name if an author exists --}}
  {{#if author}}
    <h1>{{author.firstName}} {{author.lastName}}</h1>
  {{/if}}
</div>

Зауважень не буде в отриманому результаті. Якщо ви хочете, щоб коментарі з’являлися, використовуйте коментарі HTML.

<div class="entry">
  {{! This comment will not be in the output }}
  <!-- This comment will be in the output -->
</div>

перейдіть за цим посиланням на


Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.