2014-09-12 3 views
-1

Я следую учебнику, пытаясь научиться угловатому, но я получаю более грязный код, чем пример, указывающий, что есть флаг, который мне нужно активировать/деактивировать. Я хотел бы создать чистый html, открытый для другого предложения Постобработка и т.д.clean angularjs output to plain html

код:

<ul> 
<li ng-repeat="day in [1,2,3,4,5,6,7]">Name of the day: {{ ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'][day-1] }}</li> 
</ul> 

ожидается выход:

<ul> 
    <li>Name of the day: Mon</li> 
    <li>Name of the day: Tue</li> 
    <li>Name of the day: Wed</li> 
    <li>Name of the day: Thu</li> 
    <li>Name of the day: Fri</li> 
    <li>Name of the day: Sat</li> 
    <li>Name of the day: Sun</li> 
</ul> 

фактический выход:

<ul> 
    <!-- ngRepeat: day in [1,2,3,4,5,6,7] --><li ng-repeat="day in [1,2,3,4,5,6,7]" class="ng-scope ng-binding">Name of the day: Mon</li><li ng-repeat="day in [1,2,3,4,5,6,7]" class="ng-scope ng-binding">Name of the day: Tue</li><li ng-repeat="day in [1,2,3,4,5,6,7]" class="ng-scope ng-binding">Name of the day: Wed</li><li ng-repeat="day in [1,2,3,4,5,6,7]" class="ng-scope ng-binding">Name of the day: Thu</li><li ng-repeat="day in [1,2,3,4,5,6,7]" class="ng-scope ng-binding">Name of the day: Fri</li><li ng-repeat="day in [1,2,3,4,5,6,7]" class="ng-scope ng-binding">Name of the day: Sat</li><li ng-repeat="day in [1,2,3,4,5,6,7]" class="ng-scope ng-binding">Name of the day: Sun</li> 
</ul> 
+1

Вам не нужно учитывать, как выглядит результат. Он ведет себя как ожидаемый результат, и это действительно единственное, что важно. – Yoshi

+1

Как уже сказал @Yoshi, ваш код делает то, что вы ожидали. Угловая потребность в такой дополнительной разметке внутри. У вас есть проблемы с этим? – gustavohenke

+0

, так что он не способен выводить без добавленной разметки? –

ответ

1

Вы не должны беспокоиться о том, как ваш HTML-код будет выглядеть на стороне браузера. Просто потому, что это для браузера. Вам следует беспокоиться о том, как ваш HTML-частичный/шаблон выглядит в исходном элементе управления, потому что это доступно разработчикам для чтения и изменения.

Кроме того, существует широко используемый HTML minification task, который делает HTML-код еще менее удобочитаемым для человеческого глаза. Но, опять же, это для браузера - не беспокойтесь об этом.

+0

Спасибо за ваш ввод. Я получаю, откуда вы родом, но не верите, что это черное и белое, например, проект, который я думал об использовании углового, создавал бы html для внешнего дизайнера, поэтому чистая разметка очень важный. –

+0

@ MitchellBray хорошо, я вижу ваш пункт. Обратите внимание, что, например, если вы открываете «инструменты разработчика Chrome», вкладку «Элементы», вы увидите там хорошо отформатированный HTML-код. Вы можете использовать это, не так ли? – alecxe

+0

Да, спасибо, но это не столько форматирование, сколько добавленная разметка, в которой я сейчас просматриваю код с регулярным выражением перед сохранением, но было бы неплохо, если бы угловая имела конечный выход. –