0

我正在编写一个在获取邮政编码的系统中重复使用的指令。

//postcode grabber
app.directive('postcodes',
    function ($rootScope, $http) {
        return function (scope, element, attrs) {
            element.bind('change', function () {
                var modal_element = angular.element('#myModal');
                var ctrl = modal_element.controller();
                var url = '/postage/postcodes/?suburb=' + element.val() + "&target_suburb=" + attrs.targetSuburb + "&target_state=" + attrs.targetState + "&target_postcode=" + attrs.targetPostcode;
                ctrl.setModal(url);
                modal_element.modal('show');
            });
        };
    });

它会在更改时打开一个引导模式窗口,其中包含一个控制器:

function PostcodesCtrl($scope, $parse) {
    $scope.populate = function (suburb, state, postcode, target_suburb, target_state, target_postcode) {
        //lets grab the controller of the target postcode
        var tpscope = angular.element(target_postcode).scope();
    }
}
PostcodesCtrl.$inject = ['$scope', '$rootScope'];

我已经使用输入元素“ID”(例如#suburb)访问目标输入字段(tpscope 行)的范围,但我不确定如何更新 ngModel 值,因为它们总是不同的名称。

这就是为什么我将 target_suburb、target_postcode 等发送到服务器,然后服务器会通过 ng-click 将它们返回到“populate”函数。

是否可以动态访问范围变量?像 $scope[whatever].. 还是类似的?

更新:我发现我可以访问 $scope[var] no probs,但是 ng-model 名称将有一个小数点......例如“model.suburb” - 它似乎不喜欢那样。

如果有人对如何做到这一点有更好的想法,请告诉我!

4

1 回答 1

0

对于 ngModel 值,.需要特殊处理才能在指令中解析并使用它。您需要使用该$parse服务在范围的上下文中处理模型。就像是

 var getter=$parse(attrs.ngModel);
 var setter=getter.assign;
 setter(scope,!getter(scope));
于 2013-09-03T10:00:42.097 回答