有没有办法像在 HTML 中那样在 NativeScript 中嵌入 angular 组件

Question

我正在尝试使用 NativeScript 将 Angular 网站转换为 android 应用程序。使用 HTML，我可以简单地嵌入一个组件：

<app-someComponent></app-someComponent>

但是，使用 Nativescript 没有任何反应。这在 NativeScript 中是否可行，或者我是否需要研究使用路由？目前只有 actionBar 显示，但如果我删除 <app-national-data></app-national-data> 和 <app-state-data></app-state-data>，那么 tabView 会正确显示。

home.component.tns.html

<ActionBar [title]="title"></ActionBar>

<TabView selectedIndex="0" (selectedIndexChanged)="onSelectedIndexchanged($event)">
  <StackLayout *tabItem="{title: 'National', iconSource: 'res://icon'}">
    <StackLayout>
        <Label text="National Data " textWrap="true" class="m-15 h2 text-left" color="blue"></Label>
        <app-national-data></app-national-data>
    </StackLayout>
  </StackLayout>
  <StackLayout *tabItem="{title: 'State', iconSource: 'res://icon'}">
    <StackLayout>
        <Label text="State Data" textWrap="true" class="m-15 h2 text-left" color="blue"></Label>
        <app-state-data></app-state-data>
    </StackLayout>
  </StackLayout>
</TabView>

Answer 1

简单地使用 <app-someComponent></app-someComponent> 在 NativeScript 中的效果与在 HTML 中的效果相同。

该问题是组件使用的服务中出现不相关错误的结果。错误是不允许显示组件。使用 tns debug android 而不是使用 tns run android 进行测试可以很容易地找到问题。

希望我的菜鸟错误可以为别人节省一些时间。

有没有办法像在 HTML 中那样在 NativeScript 中嵌入 angular 组件

Is there a way to embed angular components in NativeScript like you can in HTML

components

nativescript

angular2-nativescript