Angularjs 角度预填充数组仅一次

在angular中，我只想在页面加载时预填充todos数组一次，并将该数组推送到localStorage中 然后，即使应用程序有页面刷新，也可以通过添加和拼接功能对其进行干净的修改

                          <div >
                            <form name="frm" ng-submit="addTodo()">
                                <input type="text" name="newtodo" ng-model="newTodo" required />
                                <button >Add </button>
                            </form>
                            <form name="frm" ng-submit="spliceTodo()">
                            <input type="text" name="replaceTodo" ng-model="replaceTodo" required />
                            <button >Splice </button>
                            </form></div>

控制器代码

       $scope.initializeGame = function () {


            $scope.todos = JSON.parse(localStorage.getItem('todos')) || [];

              */ This is what I'm using to prepopulate the array but I only want it to do it once
               and page refreshes creates new items                 

               for(var i = 0 ; i < parseInt(2) ; i++)
                $scope.todos.push({id:i, Index: i, Answered: 'No', Correct:'?'});


               $scope.addTodo = function (){
                $scope.todos.push({id:i, Index: i, Answered: 'Yes', Correct: '?'})
                    $scope.newTodo = ''
                }

                $scope.spliceTodo = function (){
                $scope.todos.splice(1, 1, {id:i, Index: i, Answered: 'Yes', Correct: 'Correct'})
                $scope.replaceTodo = ''
                }



                $scope.clearCompleted =function() {
                    $scope.todos = $scope.todos.filter(function(item){
                        return !item.done


                    })
                }



                   $scope.$watch('todos',function(newValue, oldValue){
                    if(newValue!=oldValue){
                            localStorage.setItem('todos',JSON.stringify(newValue))
                    }
                }, true)

                          <div >
                            <form name="frm" ng-submit="addTodo()">
                                <input type="text" name="newtodo" ng-model="newTodo" required />
                                <button >Add </button>
                            </form>
                            <form name="frm" ng-submit="spliceTodo()">
                            <input type="text" name="replaceTodo" ng-model="replaceTodo" required />
                            <button >Splice </button>
                            </form></div>

$scope.initializeGame=函数（）{
$scope.todos=JSON.parse（localStorage.getItem（'todos'））| |[]；
*/这就是我用来预填充数组的方法，但我只希望它执行一次
页面刷新将创建新项目
对于（var i=0；i

}

                          <div >
                            <form name="frm" ng-submit="addTodo()">
                                <input type="text" name="newtodo" ng-model="newTodo" required />
                                <button >Add </button>
                            </form>
                            <form name="frm" ng-submit="spliceTodo()">
                            <input type="text" name="replaceTodo" ng-model="replaceTodo" required />
                            <button >Splice </button>
                            </form></div>

HTML

                          <div >
                            <form name="frm" ng-submit="addTodo()">
                                <input type="text" name="newtodo" ng-model="newTodo" required />
                                <button >Add </button>
                            </form>
                            <form name="frm" ng-submit="spliceTodo()">
                            <input type="text" name="replaceTodo" ng-model="replaceTodo" required />
                            <button >Splice </button>
                            </form></div>

添加
捻接

如果要保存到localStorage，在填充阵列之前，是否可以检查阵列是否已经存在？或者至少，在某个地方保存一个布尔值，告诉您在刷新页面时数组已经填充。如果（$scope.todos.length！=0）{for（var i=0；i

---

• [extjs]相关文章推荐

• 在ExtJS中实现两个列表 extjs
• Extjs 如何突出显示搜索的字符串 extjs
• Extjs窗口collpased:true不工作 extjs
• Extjs 树编辑器中保存的输入值在哪里？ extjstree
• ExtJS网格面板-多个“；“行”；每排？ extjsgridextjs4
• ExtJS存储/网格重置 extjsgrid
• Extjs Ext JS是否可以使用未连接到网格的存储来渲染网格列？ extjs
• Extjs Sencha Touch移动网站启动时间 extjs
• 覆盖下一个和上一个按钮分页工具栏sencha extjs 4.1 extjs
• Extjs Sencha Touch2：将复选框添加到itemTpl extjs
• 如何设置图表组件的高度以支持extjs中的所有分辨率 extjsextjs4
• Extjs Set fieldLabel仅动态激发一次 extjs
• Extjs Sencha touch中过滤器和find之间的差异 extjssencha-touch-2
• ExtJS调用Ext.util.Observable.Observable内的控制器方法 extjsextjs4
• Extjs 定位布局中的空白区域 extjsextjs4
• Extjs 尝试使用Sencha Cmd生成应用程序时生成失败 extjs
• 如何在ExtJS crisp主题中缩小UI大小 extjs
• Extjs 为什么Sencha CMD构建失败，错误代码为PhantomJS 2？ extjsphantomjs
• ExtJs。如何在fieldpanel中为复选框设置CSS extjs
• 在Extjs中是否有其他方法来声明全局变量？ extjs

---

• 随机文章推荐

• Mapreduce apachepig命令 mapreduceapache-pig
• Mapreduce GraphDB查询和分片 mapreduceneo4jorientdb
• Mapreduce Pig累加器，输入元组是否保证订购？ mapreduceapache-pig
• Mapreduce 映射缩减和哈希分区 mapreduce
• Mapreduce 在Spark中，filter函数是否将数据转换为元组？ mapreduceapache-sparkcloud
• Mapreduce sqoop：多个导出路径 mapreduce