- 追加された行はこの色です。
- 削除された行はこの色です。
#topicpath
----
#contents
**ng-modelで紐付けたオブジェクトの構造 [#ce15274c]
たとえば以下のように 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をつくる [#ue186960]
sudo npm install --global yo bower grunt-cli
sudo npm install --global generator-angular
sudo npm install -g generator-karma.
がインストール済みだとして、
yo angular
でOK
**Yeomanでサービスを追加する [#uce89538]
yo angular:factory WeatherServices
yo angular:factory weatherService
**関連リンク [#l5ff47b0]
-[[The web's scaffolding tool for modern webapps | Yeoman>http://yeoman.io/]]
-[[AngularJSの$resourceの意外なハマりポイント | I am mitsuruog>http://blog.mitsuruog.info/2014/12/pitfall-at-angular-resource.html]]
-[[AngularJSのfactory内でHTTPリクエストサンプル - Qiita>http://qiita.com/tkc24@github/items/8a66369632dec767e027]]
-[[AngularJS: API: $http>https://docs.angularjs.org/api/ng/service/$http]]
----
この記事は
#vote(おもしろかった,そうでもない)
#comment
#topicpath
SIZE(10){現在のアクセス:&counter;}