AngularJS - 如何获得select的值

时间:2018-02-22 14:00:02

标签: javascript angularjs

我想获得我已经改变的选择的值。

所以这是我的HTML:

<label>Select Email Template</label>
        <select ng-change="vm.previewMessage(this)" ng-model="vm.emailSelectedMessage" class="form-control">
            <option ng-repeat="message in vm.messages" ng-if="message.type === 1" ng-disabled="vm.isProcessing" ng-value="message.id">
                {{ message.name }}
            </option>
        </select>

这是我的JS:

function previewMessage(element) {
  console.log(VALUE_OF_SELECT_HERE);
}

1 个答案:

答案 0 :(得分:0)

您已将<select>元素的模型绑定到vm.emailSelectedMessage,在您的组件/控制器中,只需访问该属性,例如:

previewMessage() {
    console.log(this.emailSelectedMessage);
}

您还可以使用模板绑定在当前模板中显示它:

<label>Select Email Template</label>
<select ng-change="vm.previewMessage(this)" ng-model="vm.emailSelectedMessage" class="form-control">
    <option ng-repeat="message in vm.messages" ng-if="message.type === 1" ng-disabled="vm.isProcessing" ng-value="message.id">
            {{ message.name }}
    </option>
</select>
<div>{{ vm.emailSelectedMessage }}</div>