Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何从本地存储中保存的数据填充表单_Javascript_Angularjs_Html_Forms_Local Storage - Fatal编程技术网

Javascript 如何从本地存储中保存的数据填充表单

Javascript 如何从本地存储中保存的数据填充表单,javascript,angularjs,html,forms,local-storage,Javascript,Angularjs,Html,Forms,Local Storage,我想用保存在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-iph

我想用保存在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>
Mobile
请输入电话号码。!

如果表单如示例中所示为输入标记,则可以通过选择元素并将
属性设置为所需的属性来轻松完成,例如(在您的情况下):


请阅读属性和其他相关内容,或者查看有关如何使用JavaScript使用它的提示

您是否在视图中使用
ng controller=“[controller]作为配置文件”
?若否,则

vm.data.mobile=

应改为


vm.profile.data.mobile=

这是不可理解的。请你详细说明一下,还是创建一个提琴?因此,我有一个Js文件,它是我的控制器,包含我的所有值,现在我已经将所有值(移动)保存在本地存储中。然后我想用这些数据(移动)填充我的空表单,但我不确定如何填充,我对js和angular框架还不熟悉。thx用于帮助所以目前它是一个输入类型=tell,我可以将vm.data.mobile作为占位符吗?我希望用户看到他们可以更新表单。谢谢你这是什么意思?您可以使用
element.attribute=value
访问大多数属性。占位符可以在
元素中访问。占位符
。我将作为控制器的Js文件和html分离为一个空白表单。谢谢你的帮助,我是angular js和html5的新手
  // 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;