首页 新闻 赞助 找找看

关于angular的那些问题——提交表单或者编辑表单

0
悬赏园豆:10 [待解决问题]

有一个表单里面有一组单选按钮,分别是选择已有任务和新建任务:
选择已有任务显示下拉框的任务名称和始终存在输入框;
新建任务显示输入框的任务名称和始终存在输入框。
angular的html部分代码:
<it-item [ngmodel]="projectName">
<div>
<input onchange="onchangeRadio($event)" type="radio" ....../>
</div>
</it-item>
<it-item [ngmodel]="projectName">
<it-select *ngif="selectTask === 'hasTask'" ></it-select>
<input *ngif="selectTask === 'newTask'" itText />
</it-item>
<it-item [ngmodel]="alwaysExit">ti <input itText />
</it-item>
ts部分代码:
onchangeRadio(e) =>{
if(selectTask === 'hasTask'){
// 需要做什么
} else {
// 需要做什么
}
}
存在问题:当selectTask === 'hasTask'会显示下拉框的任务名称;但是当selectTask === 'newTask'时页面会显示一次空白,需要再点击页面上的单选按钮“新建任务”,即selectTask === 'newTask时,才会显示输入框的任务名称。

我理解是ng-if会重新渲染dom,重新渲染之后就不能正常回显,所以针对上述需求,好的处理方式是什么呢?有哪位大神可以解答一下,求教~~~~~~

我想去上幼儿园的主页 我想去上幼儿园 | 初学一级 | 园豆:192
提问于:2022-03-20 16:08
< >
分享
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册