了解Angular2更改事件

时间:2016-08-25 07:18:23

标签: angular

我是Angular2的新手,正在研究样本以学习概念

以下是我的部分示例代码

...
....
<select name="mExp" [(ngModel)]="model.exp"    (change)="expChange($event.target.value)">
 <option *ngFor="let exp of modelExps" [value]="exp.Name">{{exp.Value}}   </option>
</select>
...
...

....
....
expChange(newExp: string) {
  this.model.exp = newExp;
  console.log(this.model);
}
...
....

简而言之,当用户在下拉列表中选择一个选项时,选择的值 被分配给“this.model.exp”,如果我需要取消分配该怎么办 基于“newExp”的某个值。

1 个答案:

答案 0 :(得分:1)

您可以拆分绑定

@Echo off

rem directories
set template= "N:\Documentation\New_folder_OrderNo-Type-Customer-site"
set dirOrder = "L:\Med_Department\Orders\"
SET dirProjects= "Z:\Projects\2016\"

:again
rem input Order No.
echo Please enter the order number?
echo.
set /p OrderNo=OrderNo:



if not exist "%dirOrder%%OrderNo%\" (
    echo order %OrderNo%  not found
    goto :again
)

:: the rest of the script
:: ...

使用<select name="mExp" [ngModel]="model.exp" (ngModelChange)="$event === 3 ? expChange($event) : null"> 通常会更好,因为在发出ngModelChangechange本机事件)和<select>时会出现时序差异,这可能会导致与{{{{1}一起使用时出现问题1}}。