ng-click访问其他元素值

时间:2014-06-25 16:57:36

标签: javascript angularjs

点击按钮时,我试图访问输入的值:

控制器:

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

HTML:

<body ng-controller="MainCtrl">
    <input type="text" id="inputText">
    <button type="button" ng-click="test(document.getElementById('inputText').value)">Test</button>
</body>

但是&#39; undefined&#39;是什么出现在警报中。如何以角度实现这一目标?

2 个答案:

答案 0 :(得分:5)

ng-model

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

答案 1 :(得分:0)

但是如果你改变那样的顺序

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

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

你不会得到myInput的价值。在这种情况下,你看到它很奇怪!顺便说一句,如果你把按钮放在div栏中,也许你会遇到这个问题