删除Ember生成的换行符

Question

我是Ember JS的新手。我有一个模板使用组件来呈现链接。但是，在呈现链接时，会创建一些抛出页面的新行。我已经尝试过我发现的例子（即 - 使用swung破折号），但没有任何效果。以下是使用entity-link组件的每个语句的主要模板：

{{#each model as |entity|}}
<li class="entity-list-item list-group-item">
  <span class="entity-primaryValue">{{entity-link entity=entity}}</span>
  <span class="entity-type">({{entity.type}})</span>
</li>
{{/each}}

这是组件的模板（称为实体链接）：

{{#if isPerson}}
  {{link-to entity.primaryValue "people.show.basic-info" entity.id}}
{{else}}
  {{link-to entity.primaryValue "entities.show" entity.type entity.id}}
{{/if}}

这是entity-link component.js文件中isPerson的计算值：

import Ember from 'ember';

export default Ember.Component.extend({
  isPerson: Ember.computed.equal('entity.type', 'person')
});

我不确定我做错了什么，但我尝试的所有示例都没有删除插入的新行。任何帮助，将不胜感激。感谢。

Answer 1

尝试更新您的组件以指定标记名称：

/组件/ **。JS

...
tagName: 'li',
classNames: ['entity-list-item', 'list-group-item'],
...

从模板中删除li。