Elimina proprietà dalla variabile scope

Question

Ho una variabile di ambito $scope.object = { prop: 12345 } di cui cancello le proprietà con impostandole su undefined.

<button ng-show="object.prop" ng-click="object.prop = undefined"/> 

C'è la possibilità di eliminare un oggetti di all'interno di un modello e senza una funzione aggiuntiva del controller invece di impostare i loro valori a undefined?

Answer 1

Sì ... I.e. che è possibile modificare il valore della variabile ... Forse sarà un aiuto per voi

provare questo:

<button ng-show="object.prop" ng-click="object.prop = 'undefined'"/> 

oppure si può cancellare il valore ...

<button ng-show="object.prop" ng-click="object.prop = ''"/> 

inoltre è possibile impostare il valore su null

<button ng-show="object.prop" ng-click="object.prop = null"/> 

Answer 2

usare i codici di seguito per eliminare una proprietà da un oggetto

In HTML

<button ng-show="object.prop" ng-click="deleteProperty()" /> 

controller

$scope.deleteProperty = function() { 
    delete $scope.object.prop; 
}  

Answer 3

Ecco il modo in cui è possibile eliminare qualsiasi nome della proprietà dall'oggetto di portata. Questo metodo richiede l'utilizzo della libreria Underscore.js.

index.html

//Underscore.js must be imported 
<script src="path/to/underscore/underscore-min.js"></script> 

//Replace prop with any property name 
<button ng-click="removeMyProperty(object, 'prop')">Test</button> 

controller

$scope.object = {"prop": "test", "anotherProp" : 10}; 
$scope.removeMyProperty = function(variable, propName){ 
    var keys = _.keys(variable); 
    _.each(keys, function(data){ 
     if(data === propName){ 
      $scope.object = _.omit(variable, propName); 
     } 
     else { 
      console.log("No such property name in array!"); 
     } 
    }); 
}; 

Questo funziona solo quando si utilizza biblioteca Underscore.js e quindi è necessario aggiungerlo al classpath del progetto e l'importazione di sottolineatura. js file in index.html

Se non si ha familiarità con Undersc minerale, vai qui Underscore.js

Answer 4

Se l'oggetto è sempre a un punto che si sa quali proprietà avrebbe oltre a quello che si sta eliminando si potrebbe provare qualcosa di simile:

<button ng-show="object.prop" ng-click="object = {otherProp1: object.otherProp1, otherPropN: object.otherPropN}"/> 

Answer 5

Penso che si può Fallo. Ho provato a utilizzare l'operatore "delete", qualcosa come ng-click="delete object.prop". Ma risulta che le espressioni di AngularJS sono limitate e questo mi dà un errore $ parse durante la compilazione del template, quindi dovresti scriverlo nel controller per eliminarlo completamente, sfortunatamente.

Ma se si vuole evitare il controller a tutti i mezzi, impostando la proprietà su undefined potrebbe essere un'idea migliore, leggere la risposta di Dan in questa domanda: How do I remove a property from a JavaScript object?