javascript - 获取 Angular 的值到 localStorage

标签 javascript angularjs local-storage

我想获取 Angular 的值并将其存储在我的本地存储中。像这样的东西:

<input type="text" id="ID" value="{{sudent.id}}">

<script>
  localStorage.setItem("STUDID", document.getElementById("ID").value);
</script>

我希望结果是:

<script>
  localStorage.setItem("STUDID", "HUMMS-201906");
</script>

最佳答案

使用 ng-model 提供双向数据绑定(bind),并在 Controller 中使用 $scope 访问 ng-model 值。

angular.module('inputExample', [])
  .controller('ExampleController', ['$scope', function($scope) {
    $scope.student = {
      "id": 101
    };

    console.log($scope.student.id);
  }]);
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<body ng-app="inputExample">
  <div ng-controller="ExampleController">
    <input type="text" name="studentId" ng-model="student.id" required>
  </div>
</body>

关于javascript - 获取 Angular 的值到 localStorage,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56919151/

相关文章:

javascript - HTML5 富应用程序 : a way to deliver printable reports

javascript - 使用过滤器删除数组中的对象会删除整个数组

javascript - 访问特定页面时清除 $ionicHistory

html - 更改背景颜色 md-tooltip

html - LocalStorage 不适用于 Windows 8 Phone HTML 5 项目模板

javascript - localStorage 刷新后清空

javascript - Angular2 将函数结果传递给子组件 - "this.bar is not a function"

javascript - 如何将单元格边框添加到 SheetJS .xlsx 生成的文件?

javascript - AngularJS - ngFocus 和 ngBlur 错误

javascript - 将登录 API key 保存在存储中的最佳实践?