問題タブ [angular2-template]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
3 に答える
56966 参照

angular - あるコンポーネントから別のコンポーネントに値を送信する方法は?

入力フィールドとボタンが 1 つあるコンポーネントを作成します。ボタンをクリックすると、2 番目のコンポーネントが表示されます。あるコンポーネントから別のコンポーネントにデータを送信したいですか?

あるコンポーネントから別のコンポーネントにデータを送信する方法..次のコンポーネントまたは次のページに表示する必要がある入力値 (ユーザーが入力フィールドに入力したもの) を送信する必要があります。ボタンをクリックすると、データを送信する方法は? ここに私のプランカーがあります http://plnkr.co/edit/IINX8Zq8J2LUTIyf4DYD?p=preview

0 投票する
2 に答える
10077 参照

angular - コンポーネント内で双方向のバインディングと検証を行うカスタム angular2 フォーム入力コンポーネント

コンポーネント内で検証を行うこともできる双方向バインディング入力コンポーネントを作成する方法はありますか?

私が達成しようとしているのは、次のようにフォームに並べることができるコンポーネントを用意することです。

私は次の設定をしていますが、それを正しくする方法がわかりません:

コンポーネント:

アプリ:

また、問題を説明するためにプランカーを作成しました: http://plnkr.co/edit/0vXjHbQmv7v7EKQcLWaa?p=preview

0 投票する
2 に答える
1371 参照

javascript - ngFor 内の Angular2 コンポーネントがエラーをスローします (viewFactory は関数ではありません)

Angular 2 アプリ (ベータ 1) に ComponentB があります。ComponentA の ngFor ループ内に配置するまで、完全に正常に動作します。次のやや不可解なエラーが表示されます。

例外: TypeError: viewFactory_ComponentB0 is not a function in [ComponentA@1:23 の数字]BrowserDomAdapter.logError @ angular2.dev.js:22690BrowserDomAdapter.logGroup @ angular2.dev.js:22701ExceptionHandler.call @ angular2.dev.js:1163 (匿名関数) @ angular2.dev.js:12416NgZone._notifyOnError @ angular2.dev.js:13324collection_1.StringMapWrapper.merge.onError @ angular2.dev.js:13228run @ angular2-polyfills.js:141(匿名関数) @ angular2 .dev.js:13247NgZone.run @ angular2.dev.js:13209(匿名関数) @ angular2.dev.js:12499schedulerFn @ angular2.dev.js:12742tryCatcher @ Rx.js:31Subscriber.next @ Rx.js:9500Subject ._next @ Rx.js:9999Subject.next @ Rx.js:9963EventEmitter.emit @ angular2.dev.js:12723(匿名関数) @ angular2.dev.js:13140run @ angular2-polyfills.js:138NgZone._notifyOnTurnDone @ angular2 .dev.js:13139(匿名関数) @ angular2.dev.js:13254zoneBoundFn @ angular2-polyfills.js:111lib$es6$promise$asap$$flush @ angular2-polyfills.js:1305 angular2.dev.js:22690 元の例外: TypeError: viewFactory_ComponentB0 は functionBrowserDomAdapter.logError @ angular2.dev.js:22690ExceptionHandler.call @ angular2.dev.js:1172(匿名関数) @ angular2.dev.js:12416NgZone._notifyOnError @ angular2.dev.js:13324collection_1.StringMapWrapper ではありません。 merge.onError @ angular2.dev.js:13228run @ angular2-polyfills.js:141(匿名関数) @ angular2.dev.js:13247NgZone.run @ angular2.dev.js:13209(匿名関数) @ angular2.dev. js:12499schedulerFn @ angular2.dev.js:12742tryCatcher @ Rx.js:31Subscriber.next @ Rx.js:9500Subject._next @ Rx.js:9999Subject.next @ Rx.js:9963EventEmitter.emit @ angular2.dev.js: 12723 (匿名関数) @ angular2.dev.js:13140run @ angular2-polyfills.js:138NgZone._notifyOnTurnDone @ angular2.dev.js:13139(匿名関数) @ angular2.dev.js:13254zoneBoundFn @ angular2-polyfills.js:111lib$es6$promise$asap$$flush @ angular2 -polyfills.js:1305 angular2.dev.js:22690 元のスタックトレース:BrowserDomAdapter.logError @ angular2.dev.js:22690ExceptionHandler.call @ angular2.dev.js:1175(匿名関数) @ angular2.dev.js:12416NgZone. _notifyOnError @ angular2.dev.js:13324collection_1.StringMapWrapper.merge.onError @ angular2.dev.js:13228run @ angular2-polyfills.js:141(匿名関数) @ angular2.dev.js:13247NgZone.run @ angular2.dev. js:13209(匿名関数) @ angular2.dev.js:12499schedulerFn @ angular2.dev.js:12742tryCatcher @ Rx.js:31Subscriber.next @ Rx.js:9500Subject._next @ Rx.js:9999Subject.next @ Rx. js:9963EventEmitter.emit @ angular2.dev.js:12723(匿名関数) @ angular2.dev.js:13140run @ angular2-polyfills.js:138NgZone._notifyOnTurnDone @ angular2.dev.js:13139(匿名関数) @ angular2.dev.js:13254zoneBoundFn @ angular2-polyfills.js: 111lib$es6$promise$asap$$flush @ angular2-polyfills.js:1305 angular2.dev.js:22690 TypeError: viewFactory_ComponentB0 is not a function at AppElement.viewFactory_ComponentA1 [as embeddedViewFactory] ​​(viewFactory_ComponentA:388) at AppViewManager_.createEmbeddedViewInContainer ( angular2.dev.js:9185) で ViewContainerRef_.createEmbeddedView (angular2.dev.js:5890) で NgFor._bulkInsert (angular2.dev.js:14608) で NgFor._applyChanges (angular2.dev.js:14567) で NgFor. AbstractChangeDetector.ChangeDetector_ComponentA_0.detectChangesInRecordsInternal (viewFactory_ComponentA:45) AbstractChangeDetector.detectChangesInRecords (angular2.dev.js:7825) で AbstractChangeDetector.runDetectChanges (angular2.dev.js:7808) で AbstractChangeDetector._detectChangesInViewChildren (angular2.dev.js:7892) で

コンポーネント A:

ヒント/ヘルプは大歓迎です。