javascript - 从 Angular js中的getElementById获取值

Question

查看

    <button  class="ion-ios-close-outline" ng-click="change()"></button> 

           <label  class="item item-input">  
                <input  id='test' type="text"  ng-value="77"/> 
            </label>

Controller

 $scope.change = function () {  
            var x=angular.element(document.getElementById("test"));                
            alert(x.value);

        };

输出是未定义。我在这里做错了什么？请帮忙。

Answer 1

angular.element 返回 jQlite 的包装器。它与 jquery 类似。所以它不支持值(value)。

要么使用

x.val()

或

x[0].value

无论哪种方式，我都建议不要在 Controller 中使用此类更改。它应该只在指令中完成。您应该使用输入框模型来访问 Controller 中的此类值。