AngularJS如何使用我的表单填充从我保存在本地存储中的数据

发布时间: 2016/5/16 21:47:49
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我想要填充窗体,我用我已经保存在本地存储此值。

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>

解决方法 1:

如果您的表单输入的标签,如示例所示,这可以很容易通过选择元素并设置 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 玩 !

赞助商