Angular4_checkbox双向绑定

发布时间：2020-12-17 08:36:27 所属栏目：安全来源：网络整理

导读：td input type = "text" # box [ ngClass ]= "{'confirmBox': classFlag,'confirmBoxError': !classFlag}" [( ngModel )]= "confirmMaterial" ( paste )= "inputpaste($event)" ( keyup . enter )= "checkscan(box.value)" placeholder = "Scan Material" (

 
   < 
   td 
   >< 
   input 
   type= 
   "text" # 
   box [ 
   ngClass]= 
   "{'confirmBox': classFlag,'confirmBoxError': !classFlag}" [( 
   ngModel)]= 
   "confirmMaterial" 
  

    ( 
   paste)= 
   "inputpaste($event)" ( 
   keyup. 
   enter)= 
   "checkscan(box.value)" 
   placeholder= 
   "Scan Material" ( 
   ngModelChange)= 
   "scanClass(box.value)" 
  
 
   /></ 
   td 
   > 
  
 上面是一个输入框。 触发粘贴事件之后。 对应的行会选中 

 
 < 
 td 
 >< 
 input 
 type= 
 "checkbox" ( 
 click)= 
 "setRowEditAble(item)" [( 
 ngModel)]= 
 "item.checked" 
 /></ 
 td 
 > 

 
  inputpaste(e 
  : 
  any) { 
 
  const 
   value 
  = 
  e. 
  clipboardData. 
  getData( 
  'text/plain'); 
 
  this. 
  matchMaterial( 
  value); 
 
   } 
 
  matchMaterial(value 
  : 
  string) { 
 
  if ( 
  this. 
  handlingUnitMaterials) { 
 
  this. 
  handlingUnitMaterials. 
  forEach((item 
  : 
  any) 
  => { 
 
  if ( 
  item. 
  material 
  === 
  value) { 
 
  console. 
  log( 
  item); 
 
  item.checked 
   = 
  true; 
 
  this. 
  setRowEditAble( 
  item); 
 
  // item.disableRemovedQty = false; 
 
  // item.disableReason = false; 
 
  this. 
  clearSearch(); 
 
   } 
 
   }) 
 
   } 
 
   }

 
  setRowEditAble(item 
  : 
  any) { 
 
  if ( 
  item) { 
 
  // console.log(item); 
 
  item. 
  disableRemovedQty 
  = 
  ! 
  item. 
  disableRemovedQty; 
 
  item. 
  disableReason 
  = 
  ! 
  item. 
  disableReason; 
 
  if ( 
  item. 
  disableRemovedQty) { 
 
  item. 
  removedQty 
  = 
  0; 
 
   } 
  else { 
 
  item. 
  removedQtyInvalid 
  = 
  true; 
 
   } 
 
  if ( 
  item. 
  disableReason) { 
 
  item. 
  reason 
  = 
  ''; 
 
  item. 
  removedQtyInvalid 
  = 
  false; 
 
   } 
 
   } 
 
   }

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!