javascript - 将 ng-click 绑定(bind)到选项值

Question

您好，当从给定的下拉列表中选择任何内容时，我希望调用一个特定的函数。该函数需要将所选选项的值作为参数。到目前为止，这就是我所得到的:

    <label class="control-label col-lg-3">Action Type</label>
    <div class="col-lg-9">
        <select class="form-control" id="type" >
            <option value="">Please Select</option>
            <option value="SCHEDULE" ng-click="getHtml(/*SCHEDULE*/)">
                SCHEDULE
            </option>
            <option value="HTTP" ng-click="getHtml(/*HTTP*/)" >
                HTTP
            </option>
            <option value="RMQ" ng-click="getHtml(/*RMQ*/)">
                RMQ
            </option>
            <option value="WFE" ng-click="getHtml(/*WFE*/)">
                WFE
            </option>
        </select>
    </div>

但是这似乎不起作用。有人可以帮忙吗？

该方法在 Controller 中为:

$scope.getHtml=function(option){
        console.log("sent type is: "+type);
        var type=$('#type').val();
        //BLAH BLAH...
}

Answer 1

你应该使用 ngChange和 ngModel选择元素上的指令。

ngChange: Evaluate the given expression when the user changes the input.

例子

<select class="form-control" id="type" ng-model='type' ng-change="getHtml(type)">
    <option value="">Please Select</option>
    <option value="SCHEDULE">SCHEDULE</option>
    <option value="HTTP">HTTP</option>
    <option value="RMQ">RMQ</option>
    <option value="WFE">WFE</option>
</select>

DEMO