首页 \ 问答 \ 保存文本框数据并从localstorage返回 - angularJS -(Save textbox data and return from localstorage - angularJS -)

保存文本框数据并从localstorage返回 - angularJS -(Save textbox data and return from localstorage - angularJS -)

页面刷新时我想将数据从范围返回到文本框值。 我怎么能只用更新按钮呢?

示例: Plunker


When page refresh I want to return data from scope to textbox value. How can I do it with only update button?

Example: Plunker


原文:https://stackoverflow.com/questions/36010683
更新时间:2019-12-03 08:12

最满意答案

在plunker index.html中进行此更改

<script>


angular.module("example", ["ngStorage"])
.controller("ExampleController", function($scope, $localStorage) {

$scope.save = function() {
$localStorage.message = $scope.zafer;
console.log(zafer);
}

$scope.load = function() {
$scope.zafer = $localStorage.message;

} 

})

</script>
</head>
<body ng-app="example">
<div ng-controller="ExampleController" ng-init="load()">

<input type="text" ng-model="zafer">

<button ng-click="save()">Update</button>



</div>
</body>

Make this changes in your plunker index.html

<script>


angular.module("example", ["ngStorage"])
.controller("ExampleController", function($scope, $localStorage) {

$scope.save = function() {
$localStorage.message = $scope.zafer;
console.log(zafer);
}

$scope.load = function() {
$scope.zafer = $localStorage.message;

} 

})

</script>
</head>
<body ng-app="example">
<div ng-controller="ExampleController" ng-init="load()">

<input type="text" ng-model="zafer">

<button ng-click="save()">Update</button>



</div>
</body>
2016-03-15

相关问答

更多

我得到“EntityRef:期待';'(I am getting “ EntityRef: expecting ';' error while creating xml through php ”)

public function printResult($raw_data){ // adding Content Type header("Content-type: text/xml"); // Converts PHP Array to XML with the root element being 'root-element-here' $xml = Excellence_Envision_Helper_Errorflile::createXML('Lo

从python调用存储过程时获取列名和数据(Getting Column name along with data when calling stored procedure from python)

您可以从cursor.description获取所有列名,并使用zip()函数构建一个cursor.description列表: # prepare cursor and execute procedure conn = ... cursor = conn.cursor() cursor.callproc(...) # get only column names from cursor description column_names_list = [x[0] for x in cursor.

在R中创建唯一值的数据集并确定重复项的元素的优先级(In R create dataset of unique values and prioritize elements of duplicates)

使用data.table ,使用data.table转换为data.table ,按'OrgName'分组, order 'OrgName','ProgramName'并获取Data.table( .SD )子集的第一行 library(data.table) setDT(df)[order(OrgName, ProgramName), head(.SD, 1), .(OrgName)] # OrgName ProgramName OrgType #1: Org1

无法使用Ant执行任务(Cannot execute task with Ant)

首先在Windows上,属于另一个进程或线程的文件阻止删除文件的情况并不少见。 其次,ANT目标中顺序任务的目的究竟是什么? 文档描述了如下任务: Sequential是一个容器任务 - 它可以包含其他Apache Ant任务。 嵌套任务只是按顺序执行。 Sequential的主要用途是支持在并行任务中顺序执行任务子集 在你的情况下,没有使用并行 ... 为什么不尝试删除顺序任务,看看是否能解决问题。 Firstly on windows it's not uncommon for files

如何创建可移植的混合WebView库(How to create portable hybrid WebView library)

使用Views文件夹只是惯例。 仅添加文件夹是完全合法的。 如果您在Xamarin Studio中工作,可以通过在“新建文件”对话框中的“文本模板”下选择“预处理的剃刀模板”,将.cshtml文件添加到项目中。 Visual Studio当前不包含此模板类型,但您可以轻松地将文本文件或HTML文件添加到项目中,使用.csthml文件扩展名命名,并通过编辑文件中的属性将其转换为预处理的剃刀模板,将“自定义工具”设置为RazorTemplatePreprocessor 。 Using a Views

我如何同时使用Knockout Validation和Knockcout X-editable?(How do I supposed to use Knockout Validation and Knockcout X-editable at the same time?)

验证仅适用于开箱即用的值和selectedOptions,如果您使用自定义绑定,则需要使用ko.validation.makeBindingHandlerValidatable ko.validation.makeBindingHandlerValidatable("selectedOptions"); My configuration was actually like this: self.num1 = ko.observable().extend({ number: true, min:

有没有办法在Angular中动态插入现有组件?(Is there a way to dynamically insert an existing component in Angular?)

@Component({ template: 'dynamic <input>', }) export class DynamicComponent {} @Component({ selector: 'hello', template: ` <ng-container #firstContainer></ng-container> <ng-container #secondContainer></ng-container> <button (click)="swap

Cumsum但具有最大数据点数(Cumsum but with maximum number of datapoints)

这就是rollapplyr的partial=TRUE参数。 在这里,我们用sum和sd和IQR显示这个。 (注意,一个值的sd是NA,我们选择IQR,因为它是可以为标量计算的扩散度量,尽管在这种情况下它总是为0。) library(zoo) rollapplyr(data, 3, sum, partial = TRUE) ## [1] 1 3 6 6 6 6 rollapplyr(data, 3, sd, partial = TRUE) ## [1] NA 0.7071068 1.00000

相关文章

更多

最新问答

更多
  • 根据Woocommerce中的自定义字段计算自定义购物车商品价格(Custom cart item price calculation based on dimentions custom fields in Woocommerce)
  • 分开foreach项目并单独打印(Separate foreach items and print them individually)
  • 写模式管道是否同步?(Is write mode pipe synchronous?)
  • 发现可用的Windows Phone强调色和本地化名称(Discover available Windows Phone accent colors and localized names)
  • 使用多线程和WPF更新集合(Update Collection with multithreading and WPF)
  • 如何在字符串的情况下使用同步?(How should the synchronization be used in case of strings?)
  • 打印唯一的行,比较不超过N个字符(Print unique lines, compare no more than N characters)
  • Javascript / jQuery - 如何调用switch case从另一个函数执行(Javascript/jQuery - how to call a switch case to execute from another function)
  • Hbase超时错误不断发生(Hbase timeout errors keep occuring)
  • 如何在Delphi中更改TabControl中活动TAB的颜色(How to change the color of active TAB in a TabControl, in Delphi)
  • 正则表达式:在sublime文本中替换一些PHP代码(Regex: replace some pieces of php code in sublime text)
  • 在带有Scene2D的LibGDX中,如何在按下按钮时连续向右走?(In LibGDX with Scene2D, how can I continuously walk to the right when a button is pressed?)
  • 累加器如何在Haskell中工作?(How do accumulators work in Haskell?)
  • 使用开关检查市场和前缀与正确的货币符号(using switch to check market and prefix with correct currency symbol)
  • 在哪里分配一次使用类?(Where to allocate one time use class?)
  • 如何从两个DateTime / NaiveDateTime获取持续时间?(How do I get Duration from two DateTime / NaiveDateTime?)
  • 解析TimeSpan大于24小时?(Parse a TimeSpan greater than 24 hours? [duplicate])
  • 如何在球拍中本地更改阅读规则?(How to locally change reading rules in racket?)
  • 数据库应该由DI注入时的模拟存储(通过构造函数)(Mock storage when database should be injected by DI (through constructor))
  • 使用maven集成2个eclipse项目(Integrate 2 eclipse projects using maven)
  • 角度ng-repeat不检测变化(Angular ng-repeat not detecting changes)
  • Xaml组件在Silverlight + XNA应用程序的多个页面中可见(Xaml component visible in multiple pages in Silverlight+XNA applications)
  • 如何将`var`变量等同于另一个查询(How to equate `var` variable to another query)
  • 如何设计hyperledger链代码以适合您的业务?(how to design your chaincode of hyperledger to fit for your business?)
  • PHP readfile错误(PHP readfile error)
  • 在Date之后排序列表然后是时间(Sorting list after Date then time)
  • Android内部版本号(Android build number)
  • 在没有预设退出条件的情况下停止无限循环(stopping an infinite loop with no preset exit condition)
  • Phonegap应用程序全屏通过html页面中的按钮(Phonegap Application fullscreen through a button in html page)
  • PAA是否适合在门户网站中自动执行wcm库部署和设置?(Is PAA a good candidate for automating wcm library deployment and setup in portal?)