Javascript 如何将数据从模型发送到屏幕？

我想使用模型添加Todo。当我单击

添加Todo

按钮（底部一个）时，它会打开模型。我需要在输入字段中键入的任何内容，它应该添加到列表中

所以，如何将输入字段数据发送到屏幕或页面。我想在模型和屏幕/页面之间共享数据。如何使用模型在列表中添加项

这是我的密码

import{Page，ViewController}来自“离子角度/索引”；
@页面({
模板：`
添加待办事项！
添加
接近
`
})
导出类MyModal{
构造函数（viewCtrl:ViewController）{
this.viewCtrl=viewCtrl；
}
关闭（）{
this.viewCtrl.disclose（）；
}
加（五）{
警报（v值）；
v、 值=“”；
this.viewCtrl.disclose（）；
}
}

---

如何在列表中设置数据。。？如何更新todo数组？

我不知道有关ionic的内容，但可以使用

Eventemitter

，通过这样做，您可以调用一个函数 单击modal的add item，一个事件从modal.ts激发，值为textfield。 然后，您可以将文本字段的值添加到列表中：-

下面是使用

Eventemitter

可以帮助您的简单工作区

我的app.ts:-

<div class="col-sm-12 col-md-6 text-center">
    <a *ngFor='#Number of numberList'>
        {{Number}} &nbsp; &nbsp; Click Button To Delete &nbsp; 
        <delete (deleteFun)="DeleteElement(Number)" [pk]='Number'></delete><br>
    </a>
</div>

有关更多信息，请参阅此处

---

您试图解决的问题实际上是如何将数据从模态传递回显示它的页面，该页面使用模态的功能有一个简单的解决方案

这些对你的plunker的小更改可以按照你的意愿工作，而不需要挂接事件

在您的

主页上.ts

：

showModel(){
      let modal = Modal.create(MyModal);
        modal.onDismiss(data => {
        this.addItem(data);

      })
    this.nav.present(modal)
    }

  add(v){
    alert(v.value);
    this.viewCtrl.dismiss(v);
  }

在您的

mymodel.ts

上：

showModel(){
      let modal = Modal.create(MyModal);
        modal.onDismiss(data => {
        this.addItem(data);

      })
    this.nav.present(modal)
    }

  add(v){
    alert(v.value);
    this.viewCtrl.dismiss(v);
  }

当您关闭模式时，它会将值

v

传回您的主页。您的主页捕获onDismiss回调中的数据，并将其添加到

todo

数组中

---

编辑：正在工作的插件：

hmm如果您需要任何帮助，请在此处发表评论。