Question

我是NativeScript的新手。我已经使用Angular Blank模板创建了一个新项目。导航是使用page-router-outlet完成的。我想在页面级别上包含xmlns属性。据我所见和了解，整个代码都在全局页面属性中呈现。我已经看到可以通过将Page注入到组件中并更改其属性来修改页面属性，但是如何为xmlns做到这一点？

最好的问候，弗拉德

Answer 1

要在基于Angular的应用程序中注册UI组件，应使用registerElement而不是XML名称空间（这是NativeScript Core中使用的概念）。如今，大多数插件作者正在为您完成这项工作，但是仍然有些插件没有迁移为使用最新技术，因此在某些情况下，我们应该手动注册UI元素。

我创建了this test applicaiton，它演示了如何在Angular中使用nativescript-stripe。以下是启用和使用插件的步骤。

安装

npm i nativescript-stripe --save

在app.module.ts中注册UI元素，here

import { registerElement } from "nativescript-angular/element-registry";
registerElement("CreditCardView", () => require("nativescript-stripe").CreditCardView);

根据插件自述文件的要求在main.ts 中添加the following

import * as app from "tns-core-modules/application";
import * as platform from "tns-core-modules/platform";

declare const STPPaymentConfiguration;
app.on(app.launchEvent, (args) => {
    if (platform.isIOS) {
        STPPaymentConfiguration.sharedConfiguration().publishableKey = "yourApiKey";
    }
});

使用HTML中的插件（example）

<CreditCardView id="card"></CreditCardView>

NativeScript在Page标记上添加xml名称空间

1 个答案: