Question

我的视图定义如下：

<template data-controller-name="MyController">
  <div class="circle colorBlack"><span data-sap-ui-type="sap.ui.commons.Label" id="percentPointsWon">48</span>%</div>                       
</template>

调用视图后生成的代码如下所示：

<div class="circle colorBlack"><span></span>%</div>
<label id="pointsWonOnServeView--percentPointsWon" data-sap-ui="pointsWonOnServeView--percentPointsWon" style="" class="sapUiLbl sapUiLblNowrap">50</label>

问题是，标签元素没有插入到跨度中，而是在视图代码的末尾。

查看源代码（sap / ui / core / DeclarativeSupport-dbg.js）在查看这些行时很明显：

if (oView && !isRecursive) {
    oView.addContent(oControl);
} else {
    oControl.placeAt(oElement);
}

如何强制控制不是放在我的视图代码的末尾，而是放在声明元素的位置？看一下代码我假设oView必须为null但是我该怎么强制执行呢？

Answer 1

HTML视图中的所有内容都将声明为div的

<div class="circle colorBlack"><div data-sap-ui-type="sap.ui.commons.Label" id="percentPointsWon">48</div>%</div>

如何告诉SAP UI5声明编译器不在视图上使用addContent而是使用placeAt？

1 个答案: