Javascript ng单击访问其他元素值

我试图在单击按钮时访问输入值：

控制器：

app.controller('MainCtrl', function($scope) {
  $scope.test = function(val) {
    alert(val);
  }
});

HTML:

试验

---

但警报中出现的是“未定义”。如何在角度上实现这一点？

在所需的

输入上使用
ng型号

<input type="text" id="inputText" ng-model="myInput">
<button type="button" ng-click="test(myInput)">Test</button>


试验
在所需的
输入上使用
ng型号

<input type="text" id="inputText" ng-model="myInput">
<button type="button" ng-click="test(myInput)">Test</button>


试验
但是如果你这样改变顺序

<button type="button" ng-click="test(myInput)">Test<//button>

<input type="text" id="inputText" ng-model="myInput">

测试

您将无法获得
myInput
的值。在这种情况下，你会觉得很奇怪！顺便说一句，如果你把你的按钮放在div栏上，也许你会得到这个问题，但是如果你像那样切换顺序

<button type="button" ng-click="test(myInput)">Test<//button>

<input type="text" id="inputText" ng-model="myInput">

测试

您将无法获得
myInput
的值。在这种情况下，你会觉得很奇怪！顺便说一句，如果你把你的按钮放在div栏上，也许你会得到这个问题
Olla！我明白了。把你的控制器放进去。。。元素（document.getElementById（'inputText'））。。。奥拉！我明白了。把你的控制器放进去。。。元素（document.getElementById（'inputText'））。。。