AngularJS/TIPS集のバックアップ(No.7)

ng-modelで紐付けたオブジェクトの構造
YeomanでAngularJSの Scaffoldをつくる
Yeomanでサービスを追加する
関連リンク

ng-modelで紐付けたオブジェクトの構造 †

たとえば以下のように ng-modelでオブジェクトをバインドした場合

<form class="form-horizontal" role="form" ng-submit="addRow()">
    <div class="form-group">
        <label class="col-md-2 control-label">param1</label>
        <div class="col-md-4">
            <input type="text" class="form-control" name="postData.param1"
                   ng-model="postData.param1" />
        </div>
    </div>
    <div class="form-group">
        <label class="col-md-2 control-label">param2</label>
        <div class="col-md-4">
            <input type="text" class="form-control" name="postData.param2"
                   ng-model="postData.param2" />
        </div>
    </div>
    <div class="form-group">
        <div style="padding-left:110px">
            <input type="submit" value="Submit" class="btn btn-primary"/>
        </div>
    </div>
</form>

$scope.postDataは

{
  param1="aaa",
  param2="bbbbb"
}

のようなオブジェクトが格納されます。$httpとかに

$http({
  method: method,
  url: url,
  data: postData  ←ココ
});

こんな感じでそのまま渡せてとても便利。。

↑

YeomanでAngularJSの Scaffoldをつくる †

sudo npm install --global yo bower grunt-cli
sudo npm install --global generator-angular
sudo npm install -g generator-karma.

がインストール済みだとして、

yo angular

でOK

↑

Yeomanでサービスを追加する †

yo angular:factory weatherService

↑

選択肢	投票
おもしろかった	0
そうでもない	0

AngularJS/TIPS集 のバックアップ(No.7)

ng-modelで紐付けたオブジェクトの構造 †

YeomanでAngularJSの Scaffoldをつくる †

Yeomanでサービスを追加する †

関連リンク †

AngularJS/TIPS集のバックアップ(No.7)