Question

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

所以这是我的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);
}

Answer 1

您已将<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>

AngularJS - 如何获得select的值

1 个答案: