Как мне заполнить мою форму из моих данных, сохраненных в localalstorage

Question

Как мне заполнить мою форму из моих данных, сохраненных в localalstorage

0

Я хочу заполнить форму, которую я сделал с этим значением, которое я сохранил в localstorage.

var vm;
  vm = this;
  vm.data = {};

  var memberData = JSON.parse(localStorage.getItem('memberData'));
  vm.data.mobile =  memberData.mobile;

Это форма, которую я хочу заполнить:

<div class="item item-icon-left"><i class="icon ion-iphone assertive"></i><span  class="label">Mobile</span><span class="item-note">
 <input type="tel" name="mobile" placeholder="Contact" ng-model="profile.data.mobile" required="required" style="background-color:transparent;"/>
  <div class="helpers" ng-if="profileForm.mobile.$touched">
                  <span ng-if="profileForm.mobile.$error.required" class="help-block" style="color:red;">Enter a Phone No.!</span>
                  </div>
                </span>
                </div>

Pickles 01 июль 2015, в 07:31

Источник

Теги:

javascript

angularjs

html5

forms

local-storage

2 ответа

0

Вы используете ng-controller="[Controller] as profile" на ваш взгляд? Если нет, то

vm.data.mobile =

следует изменить на

vm.profile.data.mobile =

Weston 01 июль 2015, в 02:41

0

Я разделил файл Js, который является моим контроллером, и HTML в виде пустой формы. Спасибо за помощь, я новичок в угловых JS и HTML5
Pickles 01 июль 2015, в 05:01

Ещё вопросы

Я разделил файл Js, который является моим контроллером, и HTML в виде пустой формы. Спасибо за помощь, я новичок в угловых JS и HTML5

not-inept · Accepted Answer · 2015-07-01T03-07-00.000Z

Если ваши формы являются входными тегами, как в примере, это можно сделать легко, выбирая атрибут элемента и value параметра так, как вы хотите, например (в вашем случае):

  // since your input has no ID, we'll use getElementsByName instead
  // this returns an array of elements, so we'll choose the first one
  // using an ID would be better practice
  var mobileInput = document.getElementsByName('mobile')[0];

  // then we modify the value attribute with your value from above
  mobileInput.value = vm.data.mobile;

Прочитайте атрибут и другие связанные вещи в школах W3 или посмотрите спецификации Mozzila на теге ввода для подсказок о том, как вы можете играть с ним с помощью JavaScript!

так что в настоящее время это тип ввода = скажите, я могу сделать vm.data.mobile в качестве заполнителя? Я хочу, чтобы пользователи увидели, что они могут обновить форму. Спасибо
jsfiddle.net/not_inept/as22rkoL/1 Это то, что вы имеете в виду? Вы можете получить доступ к большинству атрибутов, используя element.attribute = value . Заполнитель доступен в element.placeholder .