ng6中ngModelChange如何获取change前ngModel绑定的值

在ng6中双向绑定的表单元素可以通过ngModelChange监听绑定值得改变,并且可以通过ngModelChange($event)来获取到当前绑定元素的值。使用$event时获取到的是改变后的值,此时没有任何问题。

但是用ngModelChange直接获取绑定的变量时,有时候获取到的是change前的值,有时候是chang后的值,如下图

造成这个问题的原因是ngModelChange和ngModel的顺序问题,

当ngModel在ngModelChange前面时获取到的绑定的变量是修改以后的值,代码如下

而当ngModelChange在ngModel前面时获取到的绑定的变量就是修改前的值,代码如下

因此,我们在使用ngModelChange时将ngModelChange放到ngModel前面就可以同时获取绑定变量前后的两个值了,代码如下图

效果如下

原文地址:https://www.cnblogs.com/canghaishui/p/11801134.html

时间: 2024-11-09 06:49:48

ng6中ngModelChange如何获取change前ngModel绑定的值的相关文章

RadGrid使用技巧:从RadGrid获取绑定的值

本文主要介绍从RadGrid获取绑定的值,仅适用于Telerik RadControls for asp.net ajax. 获取方式 RadGrid把绑定的值存储在VIewState中,即使ViewState被禁用依然会生成相应的ViewState值:它主要提供了两种方式来获取绑定的值: 1.从绑定的DataKeyValues获取 使用此功能必须先给RadGrid的MasterTableView设置DataKeyNames,可以设置多个字段(中间用逗号隔开): <MasterTableView

ng-model绑定表单,所示表单值的类型

Angularjs 表单类型: input 元素 select 元素 button 元素 textarea 元素 1.input时根据类型不同,ng-model绑定的值不同 1.1 text ----ng-mode为输入框的值 <input type="text" ng-model="thisval"> <p>{{thisval}}</p> 1.2 checkbox----ng-model为选中状态true/false <i

用python+selenium抓取豆瓣电影中的正在热映前12部电影并按评分排序

抓取豆瓣电影(http://movie.douban.com/nowplaying/chengdu/)中的正在热映前12部电影,并按照评分排序,保存至txt文件 #coding=utf-8 from selenium import webdriver import unittest from time import sleep class DoubanMovie(unittest.TestCase):     def setUp(self):          self.dr = webdriv

php如何获取到前两个页面的url

自己在学习过程中也遇到了类似的问题: 比如,后台是想做成这样子的: 但是实际则是这样的: 解决方法: 通过表单隐藏控件 <input type="hidden" name="prevurl" value="<?php echo $_SERVER['HTTP_REFERER']?>"> 这样$_SERVER['HTTP_REFERER']的值就暂时存到了$_POST[prevurl]里. 暂时没想到更好的方法. php如何获

C#开发微信门户及应用(14)-在微信菜单中采用重定向获取用户数据

我曾经在系列文章中的<C#开发微信门户及应用(11)--微信菜单的多种表现方式介绍>中介绍了微信菜单里面的重定向操作,通过这个重定向操作,我们可以获取一个code值,然后获取用户的openID,进而就能获取到更多的用户信息,这个在会员信息的场景里面用的很多,本篇介绍在网站中迅速配置这样的菜单链接,并介绍如何在后台获取相关的用户信息,实现页面数据个性化的展现操作. 我们知道,微信的自定义菜单分为两大类,分别对应Click类型和View类型的,而重定向属于View类型的一种,如下所示. 1.微信重

element-ui中cascader同时获取label和value值

关于elementUI中cascader选中值后,能获取value或者label,但不能同时获value和label,这一问题,琢磨出了这么个办法.以新增和编辑城市为例,type: 1 编辑,type: 0 新增 配置元素 <el-cascader filterable :class="{'city-cascader': type==1}" :placeholder="city || '请选择'" :options="cityLists"

如何在MySQL中查询每个分组的前几名【转】

问题 在工作中常会遇到将数据分组排序的问题,如在考试成绩中,找出每个班级的前五名等. 在orcale等数据库中可以使用partition语句来解决,但在mysql中就比较麻烦了.这次翻译的文章就是专门解决这个问题的 原文地址: How to select the first/least/max row per group in SQL 翻译 在使用SQL的过程中,我们经常遇到这样一类问题:如何找出每个程序最近的日志条目?如何找出每个用户的最高分?在每个分类中最受欢迎的商品是什么?通常这类"找出每

[转]js中confirm实现执行操作前弹出确认框的方法

原文地址:http://www.jb51.net/article/56986.htm 本文实例讲述了js中confirm实现执行操作前弹出确认框的方法.分享给大家供大家参考.具体实现方法如下: 现在在删除或其它操作前弹出确定提示,我们有很多方法,最基本的就是利用js自带的函数confirm来操作了 最简单的用法如下: 鼠标事件使用confirm 复制代码 代码如下: <a href="#" onclick= "if(confirm( '是否确定! ')==false)r

Spring core resourc层结构体系及JDK与Spring对classpath中资源的获取方式及结果对比

1. Spring core resourc层结构体系 1.1. Resource相关结构体系 1.2. ResourceLoader相关体系 2. JDK与Spring对classpath中资源的获取方式及结果对比