如何添加新的節點在頂部ui-tree angular js

Question

在我的應用程序中，我使用了有角的ui-tree。

現在加入，我用下面的代碼

<button class="btn btn-info btn-circle btn-sm" type="button" ng-click='x.tasks.push({task: "New Task",depth:"2", tasks:[]})' style="margin-top:15px" data-nodrag><i class="fa fa-plus"></i></button> 

<script type="text/ng-template" id="nodes_renderer.html"> 
          <div ui-tree-handle class="tree-node tree-node-content"> 

           <div style="width:100%"> 
            <div style="width:87%;display: inline-block"> 
             <a class="" style="color:#c1c1c1" data-nodrag ng-click="toggle(this)"><span class="fa" ng-class="{'fa-plus': collapsed, 'fa-minus': !collapsed}"></span> 
              <span class="label label-info"><i class="fa fa-tasks"></i></span> </a> 
              <span style="width:80%;word-wrap: break-word" class="remove-editable-click cursor-pointer" editable-text="node.task" buttons="no" e-ng-model="WBSData.task" e-ng-blur="changeFieldEdit(this)" e-required data-nodrag e-style="border:1px solid #DDDDDD;width:90px"> 
               {{node.task}} 
              </span> 
            </div> 
            <div style="width:10%;display: inline-block"> 
             <input icheck type="checkbox" ng-model="node.WBSDataSelectedTask" checklist-value="node.task" style="float:right" value="none"> 
            </div> 

           </div> 
          </div> 
          <ol ui-tree-nodes="" ng-model="node.subtasks" ng-class="{hidden: collapsed}"> 
           <li ng-repeat="node in node.subtasks" ui-tree-node ng-include="'nodes_renderer1.html'"> 
           </li> 
          </ol> 
         </script> 
         <div ui-tree="treeOptions" id="tree-root"> 

          <ol ui-tree-nodes ng-model="x.tasks"> 
           <li ng-repeat="node in x.tasks" ui-tree-node ng-include="'nodes_renderer.html'"></li> 
          </ol> 
         </div> 

通過點擊按鈕，它是在bottom.I添加節點，但增加節點需要補充的是在我top.How可以做新的節點？

Answer 1

x.task.push將項目添加到數組的末尾。這就是你需要改變的地方

ng-click='x.tasks.push({task: "New Task",depth:"2", tasks:[]})' 

改爲使用unshift。

ng-click='x.tasks.unshift({task: "New Task",depth:"2", tasks:[]})' 

參考：How can I add new array elements at the beginning of an array in JavaScript?