如何使用meanjs绑定另一个输入字段中的下拉字段值?

时间:2017-11-04 10:05:41

标签: html angularjs meanjs

  • 如何使用meanjs绑定另一个输入字段中的下拉字段值。

  • 大家好请查看我创建的Plunker

  • 我真正关注的是首先我们在plunker中选择school然后我们选择school section,然后有一个input filed可用,所以我需要的是{{1在section ...

  • 中需要bind
  • 例如: - 如果我们在input text field中选择7A (or) 8A,则此section dropdown需要section value bind },现在它显示错误,例如' [object Object]' ...所以如何做到这一点。

我的Html: -

input field

输入字段: -

     <div>
  <label>1. Without array value</label>
  <select ng-model="question"  ng-options="item.title for item in questions">
  </select>
  </div>

  <div style="margin-top: 11px;">
  <label>2. With comments array value</label>
  <select style="margin-left: 20px;" ng-model="class"  ng-options="item.commentText  for item in question.comments">
  </select>
  {{class.commentText}}
  </div>

  <div>
    <input type="text"  ng-model="newclass"  ng-bind="newclass=class"/>
  </div>

我的数据: -

    <div>
    <input type="text"  ng-model="newclass"  ng-bind="newclass=class"/>
  </div>

1 个答案:

答案 0 :(得分:0)

首先有两种方法可以做到这一点

简单设置输入ng-modelclass.commentText类似

<input type="text"  ng-model="class.commentText"  />

但如果更改输入

,这将导致选择选项发生变化

第二种方式

在选择值更改

上为newClass分配值
 <select style="margin-left: 20px;" ng-model="class" ng-change="newClass=class.commentText"  ng-options="item.commentText  for item in question.comments">
  </select>

<input type="text"  ng-model="newClass"  />

Working demo