javascript - AngularJS/Javascript 下拉菜单 "onchange"功能不起作用

Question

<select name="Connection" class="mdl-button" id="dropConnection" onchange="connectionChange()" ></select> 

内容是从 JSON 响应自动添加的。工作正常。

function connectionChange()
{
    var sel = document.getElementById("dropConnection");
    var connectionName = sel.options[sel.selectedIndex].text;
  $scope.connectionDetail = response.data.message.connectionDetailses.filter(det => det.connectionId === connectionName);
  console.log($scope.connectionDetail);
}

运行页面后，当我更改下拉内容时显示错误

home.html:265 Uncaught ReferenceError: $scope is not defined
    at connectionChange (home.html:265) // above javascript code.
    at HTMLSelectElement.onchange (VM4122 home.html:139)

Answer 1

home.html:265 Uncaught ReferenceError: $scope is not defined
    at connectionChange (home.html:265) // above javascript code.
    at HTMLSelectElement.onchange (VM4122 home.html:139)

查看此错误，可以推断您尚未在 Controller 中注入(inject) $scope。在 Controller 中注入(inject) $scope 即可解决此错误。

查看此处的链接，了解如何在 AngularJS 中正确创建 Controller AngularJS controller