如何在angular2中单击按钮时更新数据?

时间:2018-06-26 10:53:42

标签: angular two-way-binding

我有notificationService,其中包含要在吐司通知中显示的数据。数据数组的每个元素都包含一个敬酒通知的数据。

script.py.out.py

现在数据数组已在吐司组件中使用。

export Notification service {
    data:Array<NotificationData>;
    getData() {
        return this.data;
    }
}

export class NotificationData {
     dismissed:boolean;
}

我想在单击按钮时更新已关闭的变量。

 export class ToastNotificationComponent implements OnInit {
      data: Array<NotificationData>;
      constructor(public ns: NotificationService) { 
        this.data = ns.getData();
      }
    }

如何在此处将视图与notificationData绑定?

如果我使用事件绑定,将无法通过DOM节点访问notificationData。 这里有使用ngModel的解决方案吗?

1 个答案:

答案 0 :(得分:0)

尝试输入以下内容:
   <按钮(点击)=“ data.dismissed =!data.dismissed”>关闭