使用data-sly-use.Object会导致隐藏组件

Question

我正在尝试在AEM WKND（ https://experienceleaeague.adobe.adobe.com/docs/docs/experience-manager-manager-learn/getting-start---------- -aractype/custom-component.html？lang = en＃byline风格）。但是，当我尝试实现HTML文件时，每当我调用数据塞使用API​​时，Byline组件都隐藏在页面中。这是否有任何解决方法或解决方案？

以下是我的IMPS代码：

@Model(adaptables = {SlingHttpServletRequest.class},
       adapters = {Byline.class},
       resourceType = {BylineImpl.RESOURCE_TYPE},
       defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL)
public class BylineImpl implements Byline {
protected static final String RESOURCE_TYPE = "wknd/components/byline";

    @Self
    private SlingHttpServletRequest request;

    @OSGiService
    private ModelFactory modelFactory;

    @ValueMapValue
    private String name;

    @ValueMapValue
    private List<String> occupations;

    private Image image;

    @Override
    public String getName() {
        return name;
    }

    @PostConstruct
    private void init(){
        image = modelFactory.getModelFromWrappedRequest(request, request.getResource(), Image.class);

    }

    @Override
    public List<String> getOccupations() {
        if (occupations != null) {
            Collections.sort(occupations);
            return new ArrayList<String>(occupations);
        } else {
            return Collections.emptyList();
        }
    }

    @Override
    public boolean isEmpty() {
        final Image componentImage = getImage();

        if (StringUtils.isBlank(name)) {
            // Name is missing, but required
            return true;
        } else if (occupations == null || occupations.isEmpty()) {
            // At least one occupation is required
            return true;
        } else if (componentImage == null || StringUtils.isBlank(componentImage.getSrc())) {
            // A valid image is required
            return true;
        } else {
            // Everything is populated, so this component is not considered empty
            return false;
        }
    }

    private Image getImage() {
        return image;
    }
}

以下是我的byline.html代码：

div data-sly-use.byline="com.adobe.aem.guides.wknd.core.models.impl.BylineImpl" 
data-sly-use.placeholderTemplate="core/wcm/components/commons/v1/templates.html" 
data-sly-test.hasContent="${!byline.empty}" class="cmp-byline">
      <div class="cmp-byline__image" data-sly-resource="${ '.' @ resourceType = 'core/wcm/components/image/v2/image' }">
      </div>
      <h2 class="cmp-byline__name">${byline.name}</h2>
      <p class="cmp-byline__occupations">${byline.occupations @ join=', '}</p>
 </div>
 <sly data-sly-call="${placeholderTemplate.placeholder @ isEmpty=!hasContent}"></sly>

Answer 1

尝试修改data-sly-use.byline =“ com.adobe.aem.guides.wknd.core.models.impl.impl.impl.bylineimpl” to data-sly-use.byline =” com.adobe.aem.guides.wknd.core.models.byline“