Angularjs

現象

ASP.NET の Web APIにファイルをポストしようとして、

angulerjsの$httpで

1
2
3
4
5
6
7

$http({
        url: url,
        method: 'POST',
        data: data,
        processData: false,
        contentType: false,
    });

的な呼び出しをしても、

1

Invalid 'HttpContent' instance provided. It does not have a content type header starting with 'multipart/'.

と怒られて、multipartなPostとなりません。

SPAの強い味方Angularから2がリリースされました。

てことで試してみます。

環境は

windows 7

visual studio code

npm 4.1.1

node 6.9.2

angular fullstackでgulp serveすると、ファイル監視が働いて、ソース編集をトリガーに色々とやってくれるんですが、nfsをマウントしたフォルダ内のファイルを、サーバ側で変更した時にうまいこと捕捉できないようです。

構成は

・Mac(nfsサーバ　 + ソースファイル )

・Vagrant + ubuntu/xenial64

config.vm.synced_folder “src/”, home_dir + “/src”,　type: “nfs”

でmacとubuntuでファイルを共有します。

ソースの編集はmac上のエディタ(sublime)で、gulp serveはubuntu上で実行します。

七夕ですね。

$ yo angular-fullstack

でプロジェクト作って、gulp buildとかgulp serveしてもどうにも動かない。

AngularJS使ってます。

よくあるフォームの処理で、半日ほどハマッたのでメモ。

やりたいことは、

• サーバからデータを取得
• フォームに読み込み
• ユーザーがなんか入力
• 送信ボタンをアクティブにする

って、よくあるパターンのやつ。