NG-반복 유형으로 각각 수동으로 화면에

Question

어제, 내가 유래에이 질문을 참조 같은 보이지 않았다 :

No spacing between bootstrap-labels with ng-repeat

질문 소유자는 해결책을 얻으려면을, 그래서 나는 새를 엽니 다 원인을 묻는 질문. 여기

내가 각각 수동으로

<!-- ngRepeat: tag in tags --> 
<span class="label label-primary">panel</span> 
<!-- end ngRepeat: tag in tags --> 
<span class="label label-primary">angular</span> 
<!-- end ngRepeat: tag in tags --> 
<span class="label label-primary">bootstrap</span> 
<!-- end ngRepeat: tag in tags --> 

를 입력하려고 그리고,이 두 사람은 같은 CSS를 가지고이

<!-- ngRepeat: tag in tags --> 
<span class="label label-primary ng-scope ng-binding" ng-repeat="tag in tags">panel</span> 
<!-- end ngRepeat: tag in tags --> 
<span class="label label-primary ng-scope ng-binding" ng-repeat="tag in tags">angular</span> 
<!-- end ngRepeat: tag in tags --> 
<span class="label label-primary ng-scope ng-binding" ng-repeat="tag in tags">bootstrap</span> 
<!-- end ngRepeat: tag in tags --> 

로 컴파일 될 plnkr

<span class="label label-primary" ng-repeat="tag in tags">{{tag}}</span> 

인 I Chrome 개발자 도구를 확인하십시오.

다른보기가 발생할 수있는 이유가 궁금합니다.

Answer 1

Angular는 ng-repeat의 html을 다시 작성합니다. 수동으로 줄 바꿈을 제거하고 함께 줄이게되면 첫 번째 줄과 같은 효과를 얻습니다. Chrome은 또한이를 깨뜨리고이를 개행 문자로 표시하지만 실제로는 그렇지 않습니다.

파이어 폭스와 HTML 패널에서 동일한 plnkr을 열면 "공백 표시"를 선택하면 angularjs가 쓴 공백이 없다는 것을 알 수 있습니다. 수동 케이스에는 공백이있어 레이블 사이의 간격이 생깁니다.