ng-modelのAngularJSデフォルト値

Question

ng-modelsにデフォルト値（''など）を設定できますか？

私はjQueryのserialize関数を使用したフォームを持っていますが、値が存在しない場合は、それもシリアル化されたデータに含められます。 {name: '', age: ''}。私は角度の$httpを使用して$scopeからモデルを取得することにより、それを投稿してみてください使用している場合、それが空であるとき

しかし、それはundefinedとして表示されます。

Answer 1

ビューでモデルを使用する前に、スコープ内のモデルのプロパティを定義するだけで済みます。

コントローラコードが表示されたら、スコープに追加するために更新する必要があるものを表示します。

それは次のようになります。あなたのHTMLでアプリ

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

を定義し、あなたのjsファイルで

を

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

注私は、グローバル変数/関数を持っていない好みます私はAngularが提供する別の構文を使用してこれを避け、縮小を可能にしています。

Answer 2

jQuery serializeを使用する必要はありません。 $ HTTPであなたは、単に$ scope.formDataを渡すことができるように

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

：

フォームは、このような範囲にバインドする必要があります。

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

Answer 3

また試みることがあります。

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

か：

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

を、それが提示されます場合

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

Answer 4

を時々、あなたは知りません値が設定されているかどうか。これがデフォルトの設定です。

これは、変数にある値があることを確認する必要がある場合に使用します。あなたは、値の束を設定angular.extendかのjQueryを使用する必要がある場合

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

が同様

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

アンギュラずに素晴らしい作品あなたのコントローラでそれを設定することができます。お使いのコントローラで