Question

所以我正在尝试构建一个具有调用API的查找地址按钮的表单。我正在使用https://getaddress.io/来尝试这样做（因为它似乎最直接使用）。

所以我在他的页面上包含了他们的脚本：

<script src="https://getaddress.io/js/jquery.getAddress-2.0.0.min.js"></script>

我创建了一个这样的字段：

<div class="form-group" ng-class="{ 'has-error' : saveForm.postCode.$invalid && !saveForm.postCode.$pristine }">
    <label class="sr-only">Post code</label>
    <div class="input-group">
        <input class="form-control" type="text" id="postCode" name="postCode" placeholder="Post code" ng-model="controller.customer.postCode" required />
        <span class="input-group-btn">
            <button class="btn btn-default" type="button" address-finder="postCode">Find</button>
        </span>
    </div>
</div>

并尝试按照以下方式构建我的指令：

.directive('addressFinder', function () {
    return {
        restrict: 'A',
        scope: {
            targetElementId: '=addressFinder'
        },
        link: function (scope, element) {

            // Get our target element
            var target = angular.element(document.getElementById(scope.targetElementId));

            // If we have a target
            if (target) {

                // Bind a function to the click event
                element.bind('click', function () {

                    // Create our options
                    var options = {
                        api_key: '<valid_api_key>',
                        onLookupSuccess: function (data) {

                            console.log(data);
                        }
                    };

                    // Call the targets function
                    target.getAddress(options);
                });
            }
        }
    };
})

但是当我按下按钮时，我收到一条错误，指出getAddress不是一个函数。有谁知道我怎么能让它发挥作用？

AngularJS使用getaddress.io查找地址

0 个答案: