父控制器

时间:2016-01-08 09:32:32

标签: angularjs ng-messages

我试图弄清楚如何使用可以访问父作用域的ngMessages连接自定义验证器。我有一个地址的输入字段和onBlur我想做一个地址的地理定位并更新地图上标记的位置(通过在控制器this上设置两个变量)。

自定义验证器示例使用指令(我已经按照这些指令进行了基本示例)但是无法从它们转移到地理位置,因为我正在努力将指令转换为上下文中的父控制器通信ES6,ControllerAs,......

感谢有关接线的建议。

这是我在第二个实例中所处的地方

var checkAddressDir = function($timeout) {
  return {
    require : 'ngModel',
    scope: {
      geolookup: '&'
    },
    link : function(scope, element, attrs, ngModel) {
      function setAsLoading(bool) {
        ngModel.$setValidity('recordLoading', !bool); 
      }

      ngModel.$parsers.push(function(value) {
        if(!value || value.length == 0) return;

        setAsLoading(true);

        scope.geolookup()(value)
        // scope.$parent.findAddress()
        .then( res => {
            // I'll use res to update ngModel.$setValidity
            console.log(res);
            setAsLoading(false);
        });
        // THE FOLLOWING SERVED TO GET ME STARTED
        // $timeout(function() {
        //     console.log("timeout");
        //     setAsLoading(false);
        // }, 1000);

        return value;
      })
    }
  }
}

这是我需要能够与控制器范围一起使用的控制器功能

findAddress(address) {
        return this.$q( (resolve, reject) => {
            mygeocoder.geocode(myOptions, (res, stat) => {
                if (stat === google.maps.GeocoderStatus.OK) {
                    if (res.length > 1) {
                        console.log(`Need unique result, but got ${res.length}`);
                        return "notUnique";
                    }
                    var loc = res[0].geometry.location;
                    this.resto.lat = loc.lat();
                    this.resto.lng = loc.lng();
                    this.zoom = 16;
                    this.$scope.$apply();
                    return "good";
                } else {
                    console.log(" not found - try again?");
                    return "notFound";
                }
            });
        });

0 个答案:

没有答案