为angularjs参数指定javascript选项select返回值

我在javascript中有一个函数，它返回选项select html标记的值。我试图将返回的值赋给angularjs参数，以便在选择select drop值后立即为第二个下拉菜单调用api。以下是我的尝试：

这是angularjs接受javascript参数>>>

getUserDetails.getUserDetails(choice1(this))

下面是完整的代码片段

<select  ng-change="getUserDetails.getUserDetails(choice1(this))" ng-model="reg.country" formcontrol name="country" class="ng-untouched ng-pristine ng-valid" required>
        <option value="0: ">-Select Country-</option>

        <c:forEach var="findAllCountries" items="${findAllCountries}" varStatus="theCount">
            <option value="${findAllCountries.id}">${findAllCountries.name}</option>

        </c:forEach>

        </select>

-选择国家-
${findAllCountries.name}

javascript函数

<script type="text/javascript">
function choice1(select) {
    return select.options[select.selectedIndex].value;
}
</script>

功能选项1（选择）{
返回select.options[select.selectedIndex].value；
}

---

在尝试将javascript返回值传递给angularjs参数时，上面的尝试给出了一个错误。

错误是什么？400错误请求，因为无法根据需要在getUserDetails.getUserDetails（）angularjs函数中获取返回的id值