ITの隊長のブログ

ITの隊長のブログです。Rubyを使って仕事しています。最近も色々やっているお(^ω^ = ^ω^)

Angular2

【Angular】コンパイルエラー 「@types/jasmine/index.d.ts」

ERROR in [default] /Users/user/node_modules/@types/jasmine/index.d.ts:39:37 A parameter initializer is only allowed in a function or constructor implementation. ERROR in [default] /Users/user/node_modules/@types/jasmine/index.d.ts:39:45 Ca…

【Angular2.x】bodyタグにclassを追加・削除したりする

Angularでは、Component外のDOMにアクセスする方法は用意されていないらしい。 なので、色々ググってみてやりかたをみているとhackっぽくて 'body'というセレクタを持つComponentを作る Angularのライブラリをhackしてアクセスできるようにする という感じ。…

Angular2を触り始めたがこいつがフレームワークってことを忘れていました

意味深なタイトルっぽいけど、今日の反省です。技術的な話はしないのでそのつもりで来た人はブラウザバック。 CakePHP3をサーバサイドで、フロントをAngular2で開発しようとしました。 CakePHP3側はJson APIとして使っていましたが、部分的にCakePHP側でもvi…

jQueryしか使ったことがない人がAngularのFormで試したことを書く

この記事はAngular Advent Calendar 2016 17日目の記事です。(遅刻しました) この記事を書いている人 jQueryを使って、基本的な使い方でホームページのナビゲーション開閉やタブのアニメーションを書ける人 jQueryを使って、動的なFormを作ったり、サーバ…

【Angular2】親子じゃない同じ階層にいるComponentのメソッドを使いたいとき

タイトルだけじゃよくわかりませんね。つまりこういうこと。 AppComponent SearchComponent FormComponent ItemComponent LinkComponent みたいな構造があったときに、Linkでイベントが発生したらItemでとあるメソッドを実行する。とか、ItemからLinkに値を…

【Angular2】Converting circular structure to JSON

FormGroupの値をそのままpostしようとしたら怒られた。 そういえば、jsonの値になっていないじゃないのか。と思い、コンバートしようとする。 stackoverflow.com どうやら、そんなことはいらないらしい。 onSubmit(value: any): void { var url: string = ''…

【Angular2】Property 'map' does not exist on type 'Observable<Response>'.

stackoverflow.com main.ts import 'rxjs/add/operator/map'; rxjs/add/operator/mapをimportしたらいけた。

【Angular2】caused by: Error trying to diff '[object Object]'

ngForで、配列をイテレートしようとしたらエラーが。 ぐぐってみると stackoverflow.com Your extractData (and possibly also your HTTP API) is returning an object {} - ngFor requires an array [] to iterate. Oh... あ、てか、よく考えたら当たり前か…

【Angular2】caused by: Expression has changed after it was checked.

以前から何度か苦しめられているエラー github.com This is not a bug, it's a feature of dev mode working as intended. Calling enableProdMode( ) - see updated plunk when bootstrapping the app prevents the exception from being thrown. That said…

【Angular2】Formを動的に扱うコードを書いてみた

ここまで来るのに時間かかったよ!!! github.com コードは全部こっちにあります。コミットログを追ったら情報わかるかも。もしわからないなら質問ください。ただ私も初心者に近いので答えられる範囲ですが(^^; まずやりたいこととして、jQueryみたいにdom…

【Angular2】Cannot find control with unspecified name attribute

怒られた。 FormGroupで、viewにngModelを増やしたら怒られた。 export class ScheduleForm { private startDatetime:string; private endDatetime:string; constructor(private datetimeForm:DatetimeFormService, formBuilder:FormBuilder) { this.myForm …

【Angular2】ComponentからComponentを動的に作成してみました

タブ機能を自作してみたけど、タブComponentとその下の子Componentとどうやってやり取りさせいようかと悩んでいました。 世界に聞いてみましたが、説明が足りないのか返事は来ませんでした(´・ω・`) stackoverflow.com つーわけで、色々調べて試したんです…

【Angular2】Angular2でモーダルを自作しました

自作っつーかパクリなんですけどね github.com 元はこちら。ありがとうございます。 qiita.com 概要はgithubのREADME.mdに詰めましたので、そこをみてほしい。 ちなみに、感想としては、Angular2のバージョンアップの速度早すぎ。 個人的な感触として、3ヶ…