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

#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 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;}
AngularJS/TIPS集 のバックアップソース(No.7)

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