javascript - 从 html 调用函数并从 angularjs 获取结果

Question

在调用 HTML 文件中的函数后，我一直在获取值。我做了一些研究并尝试了一些事情但没有成功。请看下面的代码:

HTML:

<div class="form-group">
    <div class="col-sm-9"><label for="IPAddr">IP Address</label><input  ng-model="IPAddr" id="IPAddr" name="IPAddr" ng-blur="IPAvail=validateIP()"           
     type="text" class="form-control">{{IPAvail}}</div>          
  </div> 

带有 IP 地址输入字段的基本表单。调用 validateIP()，并显示返回值“{{IPAvail}}”。

JS:

$scope.validateIP = function(IPAvail) {
    $http.defaults.headers.post["Content-Type"] = "application/x-www-form-urlencoded";
    var ipVar = $.param({ip: $scope.ipadd});
    $http({
        url: 'https://test.com/flask_server/findIP',
        method: "POST",
        data: ipVar
    })
    .then(function(response) {     
        $scope.result = response.data;
        ip = response.data;     

         if (ip.indexOf("10.10.10.1") >=0) {
            alert("Matches with IP")
            IPAvail = "Yes"
            return IPAvail
        } else {
            alert("Does not match with IP")
        }
        IPAvail = "No"
        return IPAvail
});
};

我简化了代码以使其易于阅读，但基本上，一切都正常工作，但我遇到的唯一问题是将 IPAvail 变量返回到 HTML，以便可以在此处使用:

type="text" class="form-control">{{IPAvail}}</div> 

谢谢达蒙

Answer 1

不要返回IPAvail，而是将$scope.IPAvail设置为所需的值。您应该遵循 ng-change="validateIP()"，而不是使用 onblur。

使用ng-change可以让AngularJS知道效果。否则你可能会在不知道的情况下遇到 AngularJS 的麻烦。 AngularJS 最好了解一下。