ngOnInit和数据绑定在ModalView NativeScript Angular中无法使用。

我从2天开始诚心诚意地搜索,试图解决这个问题,因为缺乏知识。我最近才开始学习Nativescript,对Angular也有一定的了解。

遇到的问题

  • 我正试图打开模式 ShopInfosComponent 在我 map.component.ts :
const options: ModalDialogOptions = {
      viewContainerRef: this.viewContainerRef,
      fullscreen: false,
      context: {},
    };

    this.modalService.showModal(ShopInfosComponent, options);

ShopInfosComponent 属于 BrowseModule 我知道我需要把它添加到

@NgModule({
    imports: [
        NativeScriptCommonModule,
        BrowseRoutingModule,
    ],
    declarations: [
        BrowseComponent,
        MapComponent,
        ShopInfosComponent
    ],
    entryComponents: [ShopInfosComponent]
})

浏览模块属于上层模块 AppModule.

真正的问题 :

模式 ShopInfosComponent 成功地按照意图打开,但有 无数据绑定实际上 ngOnInit 不叫 与构造函数不同)。

这就是模式的内容 shop-infos.component.html:

<StackLayout>
    <Label [text]="result"></Label>
    <Label text="Static Text"></Label>
</StackLayout>

我的尝试

我试着直接在里面打开一个模态 AppModule 随着 app.component.ts这很奇怪的工作!它只是在放在另一个模块中时不工作,而这个模块是由它导入的。AppModule.

使用的app模板是 导航抽屉 的Nativescript。

也许是懒加载应用路由的问题?

我已经在我的网站上上传了应用程序的图形文档和源代码。https:/luiswillnat.eustacknativescriptdatabinding。

请大家放心使用,我真的很愿意找到解决的办法,并从中学习。

enter image description here

解决方案:

正如 @Lasanga Guruge 在评论中提到的,这是一个… 当期nativescript-angular.

目前在模式视图中进行数据绑定和ngOnInit的工作方法是手动检测变化。

setTimeout(() => {
   this.zone.run(() => this.result = "WORKING")
});

或者

setTimeout(() => {
   this.changeDetectorRef.detectChanges();
});

是目前的变通办法。

给TA打赏
共{{data.count}}人
人已打赏
未分类

JdbcPagingItemReader无法读取所有数据。

2022-9-24 11:00:19

未分类

当对等体使用simple-peer连接时,无法向对等体传输视频。

2022-9-24 11:00:21

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索