Я пытаюсь реализовать Google Geocode API: HTML
<iframe width="500" height="375" frameborder="0" style="border:0" src="{{googleMapSrc}}"></iframe>
Угловой:
scope.googleMapSrc = "https://maps.googleapis.com/maps/api/geocode/json?address=" + scope.tenantInfo.AddressLine1.Replace(/ /g, '+') + "," + scope.tenantInfo.City.replace(/ /g, '+') + "," + scope.tenantInfo.State + "&key=AIzaSyAs5ZGKka7IzIfkKx09-dU76-JV4OH5jH4"
Переменная tenantInfo.AddressLine1 вводится как что-то вроде 1600 Baker Street, когда она должна быть 1600 + Baker + Street. Таким образом, я пытаюсь использовать.Replace для замены пробелов на +.
Я продолжаю получать typeError: не могу прочитать свойство "Replace of Undefined", и я не уверен, что случилось.
Изменение: и здесь задан адрес арендатора
<div class="form-group">
<label class="col-xs-3 control-label" for="edittenantaddress1" data-ng-bind="appConstants.Resources.AddressLine1_Label"></label>
<div class="col-xs-9">
<input type="text" id="edittenantaddress1" name="edittenantaddress1" class="form-control"
data-ng-model="editingTenant.AddressLine1"
data-ng-required="false"
placeholder="{{appConstants.Resources.AddressLine1_PlaceHolder}}"
maxlength="{{appConstants.Tenants.AddressLineLength}}">
</div>
</div>
Javascript чувствителен к регистру.
scope.tenantInfo.City.replace
это не то же самое, что
scope.tenantInfo.AddressLine1.Replace
См. Https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String/replace
Функция "replace" записывается в нижнем регистре.
Измените это последнее на
scope.tenantInfo.AddressLine1.replace
scope.tenantInfo.AddressLine1
в своем коде.