Beobachten Sie ein neues Attribut, das an verschachtelten Objekten angehängt ist, aber nicht feuert.

Question

Wie kann ich ein neues Attribut überwachen, das an verschachtelte Objekte angehängt ist?

Wie Sie sehen können, ist jede Zeile der Tabelle ein Tarifarray.

Und ich manuell ein Feld order_amount zu jedem Tarif

<td class="col-lg-1 col-md-1 col-sm-1"> 
    <h4> 
    <input ng-model="fare.order_amount" type="number" min="0" ng-init="fare.order_amount=0"> 
    </h4> 
</td> 

hinzufügen Sobald ein Benutzer der Bestellmenge ändern, die Warenkorb sofort aktualisiert werden.

Allerdings ist das ganze Modell kompliziert. Alle Tarife sind belongs_to flight_list

$scope.$watchCollection('flight_list', function(newVal, oldVal) { 
     console.log($scope); 
    }); 

So sah ich auf flight_list Sammlung, aber es wurde nicht ausgelöst, wenn ich die order amount erhöhen.

Darüber hinaus gibt es etwa 500 Tarife pro Seite.

Ich fürchte, dass die Leistung wird wirklich schlecht sein.

Eine gute Idee?

[ {

"from_airport": { 
    "id": 11, 
    "city_id": 7, 
    "code": "TPE", 
    "name": "桃園國際機場", 
    "created_at": "2016-07-06T18:19:11.483Z", 
    "updated_at": "2016-07-06T18:19:11.483Z" 
}, 

"fares": [ 
    { 
    "id": 5241, 
    "flight_sku_id": 1311, 
    "cabin_class": "ECONOMY", 
    "price": 15038.0, 
    "specs": { 
     "flight_number": "IT-911", 
     "duration": 7, 
     "return_departure_time": "06:00", 
     "return_arrive_time": "13:00" 
    }, 
    "created_at": "2016-07-06T18:20:14.292Z", 
    "updated_at": "2016-07-06T18:20:14.292Z", 
    "cabin_code": "J", 
    "eligibility": "ADULT", 
    "description": null, 
    "ticket_type": "GROUP", 
    "saleable": true, 
    "cost": 14345.0 
    }, 

    ... 

Answer 1

Sie dritten Argument auf true gesetzt kann für tief eine Sammlung beobachten

$scope.$watchCollection('flight_list', function(newVal, oldVal) { 
    console.log($scope); 
}, true);