当前位置: 首页 > 知识库问答 >
问题:

离子导航控制器。pop()参考目标页

赏夕
2023-03-14

我有一个ionic应用程序,我使用ionic存储。我有两页,第一页和第二页。在第2页。我向存储器中添加了一些信息,然后调用导航控制器。pop()返回第1页。在第1页中,我想显示添加到存储器中的新信息。

代码如下:第2页。TS

onSubmit() {
        let _actividad = new Actividad(this.event.nameActividad, this.event.timeStartsIntensidad, this.event.timeStartsDescanso, this.event.timeStartsCalentamiento, this.event.timeStartsRelajacion, this.event.numberIntervalos);
        this.strgCtrl.set(this.event.nameActividad, _actividad);
        console.log(_actividad.getNameActividad());
        this.navCtrl.pop();
    }

听着,我创建了一个对象并存储它和对page1的调用。

超文本标记语言:

<ion-item *ngFor="let x of actividades"> 
            <button ion-item>
            <ion-thumbnail item-start>
                <img src="assets/imgs/abdominales.jpg">
            </ion-thumbnail>
            <h2>{{x.nameActividad_act}}</h2>
            <p>Intervalos: 10</p>
            <p>Intensidad: 10</p>
            </button>
            <button  ion-button class="disable-hover button button-md button-default button-default-md button-md-primary" item-end>Empezar</button>
        </ion-item>

第1.TS页

ionViewDidLoad() {
        this.strgCtrl.forEach( (value, key, index) => {
            this.actividades.push(value);
        })
    }

好吧,这段代码做了我想要的,如果我存储一个新的活动并刷新Page1,我可以显示它。但是,如果不刷新第1页,我如何才能做到这一点?

共有1个答案

孙成益
2023-03-14

在第1页。ts文件

goToPage2() {
var _that = this;
//callback
var callbackFunction = function (params) {
  return new Promise((resolve, reject) => {
    _that.strgCtrl.forEach( (value, key, index) => {
      _that.actividades.push(value);
    });
    resolve();
  });
}
// push page...
this.navController.push(page2, {
  callback: callbackFunction
});
}

在page2. ts文件中:

callback;
ionViewWillEnter() {
   this.callback = this.navParams.get("callback");
}
ionViewWillLeave() {
   this.callback();
}

或:

onSubmit() {
    this.callback();
    this.navCtrl.pop();
}

您还可以传递一些参数。

 类似资料:
  • 问题内容: 题 如何仅使用按钮的touch up内部事件从一个视图控制器导航到另一个视图控制器? 更多信息 我在一个示例项目中尝试执行的步骤是: 创建示例单视图应用程序。 为用户界面(ViewController2)添加一个新文件->具有XIB的Objective-C类。 在ViewController.xib中添加一个按钮,并控制单击ViewController.h的按钮以创建内部补全事件。 转

  • 我有一个导航视图控制器,它会在操作时向选项卡栏视图控制器发送一个序列。因此,选项卡式视图控制器继承了导航栏。我正在尝试将标题应用于连接到选项卡栏视图控制器的其中一个视图控制器,但通过代码设置标题对我不起作用。有人知道为什么会这样吗? 这是我的故事板的图片: 带有注销按钮的视图控制器是我试图在导航条(代码)中设置标题的地方: 导航控制器中嵌入的视图控制器触发到选项卡栏控制器的顺序:

  • 子导航标签用于生成前台导航的子导航,相关的有三个标签subNavigation,subNavigationMenu,subNavigationFolder,三个必须联合使用 subNavigation标签 标签名 作用 包含属性 subNavigation 导航标签 parent,root,id,class 标签属性: | 标签属性名 | 含义 | | --- | --- | | parent |

  • 子导航标签用于生成前台导航的子导航,相关的有三个标签subNavigation,subNavigationMenu,subNavigationFolder,三个必须联合使用 subNavigation标签 标签名 作用 包含属性 subNavigation 导航标签 parent,root,id,class 标签属性: | 标签属性名 | 含义 | | --- | --- | | parent |

  • 问题内容: 有什么方法可以从关联的类控制器获取FXML加载文件的Scene对象。 我正在做这样的事情: 但是我想要一个不引用AnchorPane控件的解决方案。 问题答案: 为什么不?Controller是一个抽象类,除非您有意让他知道,否则他不了解UI。 节点(包括AnchorPane)是另一个故事,它们几乎不存在于场景图的外部。因此,最好向Node询问有关其父母或场景的信息。 如果您仍然想单独

  • 但我想要一个不引用AnchorPane控件的解决方案。