angularjs - AngularJs 获取选中选项的值

Question

我如何获取 ng-change“ReadData”模板上选定选项的值是标题、ID 和正文的数组

<select class="form-control" id="inputEmail" 
    ng-change="ReadData(Template.Title)" 
    ng-model="email.Template" name="inputEmail" 
    ng-options="b.Id as b.Title for b in Template">
</select>

Answer 1

这可能有效：

ng-change="ReadData(模板[$index].Title)"

Answer 2

由于您select（通过ngModel）绑定到email.Template，因此您可以从那里访问它的值。例如：

<select ... ng-change="ReadData(email.Template)" ...

请注意，由于您定义的方式ngOptions，email.Template将绑定到 teplate 的 id。如果您希望它绑定到整个模板对象本身（email.Template.Title例如，您可以使用），请像这样更改您的代码：

<select ... ng-options="b as b.Title for b in Template" 
        ... ng-change="ReadData(email.Template.Title)" ...

Answer 3

您不需要使用ng-change来获取选定的数据，在<select>您的ng-model绑定中将保留选定的选项。您可以在 ng-change 中获得该值；

<select class="form-control" id="inputEmail"
    ng-change="onOptionChange()" 
    ng-model="email.Template" name="inputEmail" 
    ng-options="b.Id as b.Title for b in Template">
</select>

这是一个JSFIDDLE

---

编辑：另外，如果您想要整个选定的模板对象，请将您的 ng-options 更改为：

ng-options="b.Title for b in Template"

这会将 b 分配给 email.Template，而不仅仅是 b.Id。