Wartość domyślna AngularJS dla modelu ng

Question

Czy można uzyskać wartości domyślne, takie jak ''?

Mam formularz, w którym użyłem funkcji jQuery's serialize, a ilekroć wartość nie jest obecna, nadal będzie zawierała ją w danych zserializowanych, np. {name: '', age: ''}.

Jednak, kiedy używam, spróbuj go opublikować, używając Angular's $http i otrzymując model od $scope, pojawia się jako undefined, gdy jest pusty.

Answer 1

Możesz po prostu zdefiniować właściwości modelu w zakresie przed użyciem ich w widoku.

Po wyświetleniu kodu kontrolera pokażę, co trzeba zaktualizować, aby dodać je do zakresu.

Powinno to wyglądać mniej więcej tak:

W pliku js, który zdefiniowany aplikację

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

w HTML

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

Uwaga wolę nie posiadające globalne zmienne/funkcje więc używam innej składni podanej przez Angular, aby tego uniknąć i pozwolić na zminimalizowanie.

Answer 2

Nie powinieneś używać serializacji jQuery.

Formularz powinien być związany z zakresem tak:

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

Tak, że w $ http można po prostu przejść $ scope.formData.

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

Answer 3

Możesz też spróbować:

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

czyli

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

przedstawi:

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

Answer 4

Czasami nie wiem, czy wartość jest ustawiona lub nie. Właśnie do tego służą wartości domyślne.

Używam tego, gdy chcę się upewnić, że zmienna ma jakąś wartość. Można go ustawić w kontrolerze

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

Działa świetnie bez kątowych oraz

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

Jeśli trzeba ustawić kilka wartości, należy angular.extend lub jQuery.przedłużyć

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

nadzieję, że pomoże