在NG-重複名單不會得到更新

Question

這裏是我的小提琴鏈接http://jsfiddle.net/krthk2005/j5ze42bf/10/

問題更新：我無法更新的類和風格，請讓我知道

我試圖填充使用列表ng-repeat，當我更新列表中的值時，它需要更新。

HTML代碼：

<div ng-controller="Ctrl1"> 
    <button ng-click="updatedList(stickyList)">Updated List</button> 
    <div id="mainStickyLayout" ng-repeat="sticky in stickyList"> 
    <!-- Stickies can be defined using ordinary HTML. Just put the "sticky" class on a wrapper around a textarea! --> 
    <div id="sticky{{$index}}" class="sticky {{sticky.color}}" style="{{sticky.style}}"> 
     <textarea ng-model="sticky.content"></textarea> 
    </div> 
    </div> 
    <p> 
    {{finalList}} 
    </p> 
</div> 

JS CODE

變種應用= angular.module（ '對myApp'，[]）;

function Ctrl1($scope) { 
    $scope.stickyList = [{ 
    "content": "store", 
    "style": "top: 100px; left: 140px;", 
    "color": "sticky-orange" 
    }, { 
    "content": "your", 
    "style": "top: 200px; left: 240px;", 
    "color": "sticky-blue" 
    }, { 
    "content": "note", 
    "style": "top: 300px; left: 340px;", 
    "color": "sticky-yellow" 
    }, { 
    "content": "here", 
    "style": "top: 400px; left: 440px;", 
    "color": "sticky-green" 
    }]; 
    $scope.updatedList = function(stickyList) { 
     $scope.finalList = stickyList; 
    } 
} 

我使用angularjs

請檢查我張貼的形象寫的更新功能。我需要有4個文字區域用不同的花式和類，它需要進行動態更新

Answer 1

你的問題是與文本區域。你需要像這樣有2種方式綁定，而不是一種方式：

<textarea ng-model="sticky.content"></textarea> 

Answer 2

做其他字段做這樣的事情。正如你所看到的，你正在將textareas綁定到ng重複對象上的特定鍵。

<textarea ng-model="sticky.content">{{sticky.content}}</textarea> 
<textarea ng-model="sticky.class">{{sticky.class}}</textarea> 
<textarea ng-model="sticky.style">{{sticky.style}}</textarea> 

Answer 3

發生這種情況，因爲結合您對文本區域是單向的。您的更改不會反映回後端值。將其更改爲雙向綁定，它應該工作

<textarea>{{sticky.content}}</textarea> //one way binding 

<textarea ng-model= "sticky.content"></textarea> //two way binding(correct)