Valeur par défaut AngularJS pour ng-model

Est-il possible de faire ng-modèles d'obtenir des valeurs par défaut, comme ''?

J'ai un formulaire sur lequel j'ai utilisé jQuery serialize fonction, et chaque fois qu'une valeur n'est pas présent, il sera toujours inclus dans les données sérialisées, E. g. {name: '', age: ''}.

Cependant, lorsque j'utilise essayez d'utiliser l'affichage en utilisant Angulaire du $http et d'obtenir le modèle de $scopeil apparaît comme undefined lorsqu'il est vide.

source d'informationauteur whirlwin

  1. 9

    Vous pouvez simplement définir les propriétés du modèle dans le champ d'application à l'avance de l'aide dans votre vue.

    Si vous montrez votre contrôleur de code que je vais vous montrer ce que vous avez besoin de mettre à jour les ajouter à la portée.

    Il devrait ressembler à quelque chose comme:

    Dans votre fichier js qui a défini l'application

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

    Dans votre code HTML

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

    Note je préfère ne pas avoir de variables globales/fonctions donc je suis en utilisant une syntaxe différente fournie par Angulaire pour éviter cela et pour permettre la minification.

  2. 10

    Vous pouvez également essayer:

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

    ou:

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

    il présentera:

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

    Vous ne devriez pas avoir besoin d'utiliser jQuery sérialiser.

    Votre formulaire doit être liée à la portée comme ceci:

    <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)
    };
}

    De sorte que dans $http, vous pouvez tout simplement passer à $champ d'application.formData.

    Est-il un moyen plus efficace pour sérialiser un formulaire avec angularjs?

  4. 0

    Parfois, vous ne savez pas si la valeur est définie ou pas. C'est ce que les valeurs par défaut sont pour.

    Je l'utiliser quand j'en ai besoin pour s'assurer une variable a une certaine valeur. Vous pouvez le mettre dans votre contrôleur

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

    Fonctionne très bien sans Angulaire ainsi

    //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";

    Si vous avez besoin d'un tas de valeurs, utilisez angulaire.étendre ou jQuery.étendre

    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" }

    Espère que ça aide