AngularJS valore predefinito per ng-model

Question

È possibile ottenere valori predefiniti come ad esempio ''?

Ho un modulo su cui ho usato la funzione serialize di jQuery, e ogni volta che un valore non è presente, lo includerà comunque nei dati serializzati, es. {name: '', age: ''}.

Tuttavia, quando provo a utilizzare la registrazione mediante Angular $http e ottenere il modello da $scope, appare come undefined quando è vuoto.

Answer 1

È possibile definire semplicemente le proprietà sul modello nell'ambito prima di utilizzarle nella vista.

Se viene visualizzato il codice del controller, verrà mostrato ciò che è necessario aggiornare per aggiungerli all'ambito.

Dovrebbe essere qualcosa di simile:

Nel file js che ha definito l'applicazione

angular.module("MyModule", []).controller('MyCtrl', ['$scope', function ($scope) { 
    $scope.myModel = {name:""}; 
}]); 

nel codice HTML

<input type="text" ng-model="myModel.name"/> 

Nota io non preferisco avere le variabili/funzioni globali quindi sto usando una sintassi diversa fornita da Angular per evitare questo e per consentire la minimizzazione.

Answer 2

Non è necessario utilizzare la serializzazione jQuery.

Il modulo dovrebbe essere vincolato al campo di applicazione in questo modo:

<form ng-controller="MyCtrl" ng-submit="submit()"> 
    <input type="text" name="name" ng-model="formData.name"> 
    <input type="text" name="age" ng-model="formData.age"> 
    <input type="submit" value="Submit Form"> 
</form> 

function MyCtrl($scope) { 
    $scope.formData = {}; 

    $scope.submit = function() { 
     $http.post('/someUrl', $scope.formData) 
    }; 
} 

In modo che nel $ http si può semplicemente passare $ scope.formData.

Is there a more effective way to serialize a form with angularjs?

Answer 3

Si può anche provare:

<div ng-init="foo={}"> 
    <input type="text" ng-model="foo.name=''"/> 
</div> 

o:

<input type="text" ng-init="foo.name=''"/> 

presenterà:

foo = { name: '', .... } 

Answer 4

A volte, non si sa se il il valore è impostato o meno. Ecco a cosa servono i valori predefiniti.

Lo uso quando è necessario verificare che una variabile abbia un valore. È possibile impostare nel controller

$scope.possiblyEmptyVariable = $scope.possiblyEmptyVariable || "default value"; 

Opere grande senza angolare così

// some object that may or may not have a property 'x' set 
var data = {}; 

// Set default value of "default" 
// carefull, values like 'null', false, 0 will still fall to defaults 
data.x = data.x || "default"; 

// Set default value of "default" 
// this will not fall to defaults on values like 'null', false, 0 
data.x = !"x" in data || "default"; 

Se è necessario impostare un gruppo di valori, utilizzare angular.extend o jQuery.estendere

data.z = "value already set"; 
var defaults = { x: "default", y: 1, z: "default" }; 
var newData = angular.extend({}, defaults, data); 
// { x: "default, y: 1, z: "value already set" } 

Speranza che aiuta