我正在编写一个在获取邮政编码的系统中重复使用的指令。
//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” - 它似乎不喜欢那样。
如果有人对如何做到这一点有更好的想法,请告诉我!