动态更改 SAP Fiori 标题时“this.getService 不是函数”答案

【问题标题】："this.getService is not a function" when changing SAP Fiori title dynamically动态更改 SAP Fiori 标题时“this.getService 不是函数”
【发布时间】：2020-02-20 00:59:26
【问题描述】：

我正在尝试动态更改 SAP Fiori 标题，即启动启动板后并单击我选择的应用程序后，应用程序的标题应根据我想要的更改。我使用这个文档页面作为指南https://ui5.sap.com/1.54.3/docs/api//symbols/sap.ushell.ui5service.ShellUIService.html。

在我的webapp/Component.js 中，我有我的setAppTitle() 方法，它应该为应用程序设置一个新的自定义标题，并从webapp/view/S2Custom.controller.js 的onAfterRendering() 方法中调用。

我不能直接从webapp/Component.js 的init() 方法中调用setAppTitle() 的原因是因为我从webapp/i18n/i18n.properties 获取我的标题，在Component.js 的过程中还没有“加载” init().

为了避免在Component.js 中使用setTimeout(() => this.setAppTitle(sTitle), 6000) 之类的东西，我决定在webapp/view/S2Custom.controller.js 的onAfterRendering() 方法中调用它。

webapp/view/S2Custom.controller.js

onAfterRendering: function (oEvent) {
  var sComponentId = sap.ui.core.Component.getOwnerIdFor(this.getView());
  var oComponent = sap.ui.component(sComponentId);
  var i18nModel = new sap.ui.model.resource.ResourceModel({
    bundleName: "ui.s2p.srm.sc.blahblah.BlahBlahExtension.i18n.i18n"
  });
  var oResource = i18nModel.getResourceBundle();
  var sTitle = oComponent.getModel("appModel").getProperty("/sMode") === "OUTBOX" ? oResource.getText("APP_ONE") : oResource.getText("APP_TWO");
  this.getOwnerComponent().setAppTitle(sTitle);
},

webapp/Component.js

setAppTitle: function (sText) {
  var sTitle = sText;
  console.log("TEST: ", this.getService("ShellUIService")); // ERROR !!!
  try {
    this.getService("ShellUIService").then(function (oService) {
      oService.setTitle(sTitle);
    }, function (oError) {
      jQuery.sap.log.error("Cannot get ShellUIService");
    });
  } catch (err) {
    console.log("TEST - ERROR: ", err);
  }
},

setAppTitle() 方法中的问题 - 控制台显示错误：

this.getService 不是函数。

所以我进入了我的manifest.json

"sap.ui5": {
  "_version": "1.2.0",
  "services": {
    "ShellUIService": {
      "factoryName": "sap.ushell.ui5service.ShellUIService"
    }
  },
  "dependencies": {
    "minUI5Version": "1.28.5",
    "libs": {}
  },

我注意到 Web IDE 显示 Property "services" is not allowed 包含"services": { 的行错误。

你能告诉我是什么导致了这个问题吗？我已经尝试在Component.js 的init() 方法中单独调用this.getService("ShellUIService")，不幸的是同样的错误

this.getService 不是函数。

【问题讨论】：

标签： javascript sapui5 sap-fiori

【解决方案1】：

您必须使用旧的 UI5 版本。 API component.getService 仅适用于 1.37.0：

您可以通过在应用程序中按Ctrl+Left Alt+Shift+P来查看当前版本.

关于 Web IDE 错误信息..

我注意到 Web IDE 显示 Property "services" is not allowed 错误在线包含"services": {。

如果可能，请将 UI5 资源更新为 currently supported versions 之一。
除了根_version，删除sap.app、sap.ui5等中的所有其他_versions。
根据表AppDescriptor Release and SAPUI5 Version，将根_version 设置为高于1.3.0。
重新加载 Web IDE。

【讨论】：