タグ付けされた質問 「angular」

AngularJSには、コールバックをディレクティブに渡すことができる＆パラメータがあります（たとえば、AngularJSのコールバック方法です。コールバックを@InputAngular Component（以下のようなもの）のとして渡すことは可能ですか？そうでない場合、最も近いものは何ですか？ AngularJSはそうですか？ @Component({ selector: 'suggestion-menu', providers: [SuggestService], template: ` <div (mousedown)="suggestionWasClicked(suggestion)"> </div>`, changeDetection: ChangeDetectionStrategy.Default }) export class SuggestionMenuComponent { @Input() callback: Function; suggestionWasClicked(clickedEntry: SomeModel): void { this.callback(clickedEntry, this.query); } } <suggestion-menu callback="insertSuggestion"> </suggestion-menu>

227 angularjs  angular  typescript 

TypeScriptのAngular2フォームフレームワークを使用しているときに、このエラーが発生し続けます。 directive「exportAs」が「ngForm」に設定されているものはありません これが私のコードです プロジェクトの依存関係： "dependencies": { "@angular/common": "2.0.0-rc.6", "@angular/compiler": "2.0.0-rc.6", "@angular/core": "2.0.0-rc.6", "@angular/forms": "2.0.0-rc.6", "@angular/http": "2.0.0-rc.6", "@angular/platform-browser": "2.0.0-rc.6", "@angular/platform-browser-dynamic": "2.0.0-rc.6", "@angular/router": "3.0.0-rc.2", "ng2-bootstrap": "^1.1.1", "reflect-metadata": "^0.1.8", "core-js": "^2.4.0", "es6-module-loader": "^0.17.8", "rxjs": "5.0.0-beta.11", "systemjs": "0.19.27", "zone.js": "0.6.17", "jquery": "3.0.0", } そして、これはログインテンプレートです： <form #loginForm="ngForm" (ng-submit)="authenticate(loginForm.value)"> </form> ...そしてログインコンポーネント： import { Component } from …

226 angular  typescript  forms  angular2-forms 

相当するものが存在しない$scope.emit()か、$scope.broadcast()角度では？ 私はEventEmitter機能を知っていますが、理解している限り、それは親HTML要素にイベントを発行するだけです。 fx間で通信する必要がある場合はどうなりますか？兄弟、またはDOMのルートにあるコンポーネントと、いくつかのレベルでネストされた要素との間の深さ？

224 angular  events 

コンポーネントを（タイトル付きで）登録できるタブシステムをセットアップしようとしています。最初のタブは受信トレイのようなもので、ユーザーが選択できるアクション/リンク項目が豊富にあり、クリックするたびに新しいコンポーネントをインスタンス化できます。アクション/リンクはJSONから取得されます。 インスタンス化されたコンポーネントは、それ自体を新しいタブとして登録します。 これが「最良の」アプローチかどうかはわかりませんか？これまでのところ、私が見た唯一のガイドは静的タブに関するものであり、役に立たない。 これまでのところ、アプリ全体で永続化するためにメインでブートストラップされるタブサービスしか持っていません。次のようになります。 export interface ITab { title: string; } @Injectable() export class TabsService { private tabs = new Set<ITab>(); addTab(title: string): ITab { let tab: ITab = { title }; this.tabs.add(tab); return tab; } removeTab(tab: ITab) { this.tabs.delete(tab); } } 質問： 新しい（異なる）タブを作成する動的なリストを受信トレイに入れるにはどうすればよいですか？私は、ソート推測の午前DynamicComponentBuilder使用されるでしょうか？ コンポーネントを受信ボックスから（クリックして）作成し、タブとして登録して表示するにはどうすればよいですか？私は推測してng-contentいますが、それを使用する方法について多くの情報を見つけることができません 編集：明確にする試み。 受信トレイをメールの受信トレイと考えてください。アイテムはJSONとしてフェッチされ、いくつかのアイテムを表示します。項目の1つがクリックされると、その項目のアクション「タイプ」を使用して新しいタブが作成されます。その場合、タイプはコンポーネントになります。 編集2： 画像。

224 angular  angular-template 

ユーザーが自分のサービスでEventEmitterを使用するCustomHttp 内のAccess EventEmitter Serviceのような質問を読みましたが、このコメントで はそれを使用せず、代わりにObservablesを自分のサービスで使用するよう提案されました。 また、この質問を読ん で、ソリューションがEventEmitterを子に渡してサブスクライブすることを提案しています。 私の質問は次のとおりです：EventEmitterを手動でサブスクライブするべきか、それともサブスクライブしないのか？どのように使用すればよいですか？

224 angular  angular2-services 

私は最初のAngularアプリケーションを作成しており、モジュールローダーの役割を理解します。なぜそれらが必要なのですか？Googleで検索して検索しようとしましたが、アプリケーションを実行するためにそれらの1つをインストールする必要がある理由がわかりません。 importノードモジュールからものをロードするのに使用するだけでは十分ではないでしょうか？ 私はこのチュートリアル（SystemJSを使用）に従い、systemjs.config.jsファイルを使用するようにしています： /** * System configuration for Angular samples * Adjust as necessary for your application needs. */ (function(global) { // map tells the System loader where to look for things var map = { 'app': 'transpiled', // 'dist', '@angular': 'node_modules/@angular', 'angular2-in-memory-web-api': 'node_modules/angular2-in-memory-web-api', 'rxjs': 'node_modules/rxjs' }; // packages tells …

222 angular  webpack  systemjs  node-modules 

TypeScript（バージョン1.6）でAngular（バージョン2）を使用していて、コードをコンパイルすると次のエラーが発生します。 Error TS2304: Cannot find name 'Map'. node_modules/angular2/src/core/change_detection/parser/locals.d.ts(4,42): Error TS2304: Cannot find name 'Map'. node_modules/angular2/src/core/facade/collection.d.ts(1,25): Error TS2304: Cannot find name 'MapConstructor'. node_modules/angular2/src/core/facade/collection.d.ts(2,25): Error TS2304: Cannot find name 'SetConstructor'. node_modules/angular2/src/core/facade/collection.d.ts(4,27): Error TS2304: Cannot find name 'Map'. node_modules/angular2/src/core/facade/collection.d.ts(4,39): Error TS2304: Cannot find name 'Map'. node_modules/angular2/src/core/facade/collection.d.ts(7,9): Error TS2304: Cannot find name 'Map'. node_modules/angular2/src/core/facade/collection.d.ts(8,30): …

221 angular  typescript 

Angularアプリで@Componentは、プロパティがあることを確認しましたmoduleId。どういう意味ですか？ また、module.idどこにも定義されていない場合でも、アプリは機能します。それはまだどのように機能しますか？ @Component({ moduleId: module.id, selector: 'ng-app', templateUrl: 'app.component.html', styleUrls: ['app.component.css'], directives: [AppComponent] });

221 angular  systemjs  angular2-components 

angular-cliでangualr4を使用しており、次のコマンドで新しいコンポーネントを作成できます。 E:\HiddenWords>ng generate component plainsight しかし、私はplainsight内に子コンポーネントを生成する必要があります。angular-cliを行う方法はありますか？

220 angular  typescript  angular-cli 

Angular 2からこのエラーが発生しています core.umd.js：5995例外：キャッチされていません（約束どおり）：エラー：app / model_exposure_currencies / model_exposure_currencies.component.html：57：18でエラーが発生しました：フォームタグ内でngModelが使用されている場合、名前属性のいずれかが必要ですセットまたはフォームコントロールは、ngModelOptionsで「スタンドアロン」として定義する必要があります。 Example 1: <input [(ngModel)]="person.firstName" name="first"> Example 2: <input [(ngModel)]="person.firstName" [ngModelOptions]="{standalone: true}"> <td *ngFor="let lag of ce.lags"> <div class="form-group1"> <input name="name" [(ngModel)]="lag.name" [ngModelOptions]="{standalone: true}" class="form-control" pattern="[0-9]*(\.[0-9]+)?" required> </div> </td> これは私がフォームタグを使用する方法です： <form #f="ngForm" (ngSubmit)="onSubmit()">

216 angular  angular-forms 

質問 @ViewChildテンプレート内の対応する要素が表示された後に取得する最もエレガントな方法は何ですか？ 以下に例を示します。またPlunker利用できます。 テンプレート： <div id="layout" *ngIf="display"> <div #contentPlaceholder></div> </div> 成分： export class AppComponent { display = false; @ViewChild('contentPlaceholder', {read: ViewContainerRef}) viewContainerRef; show() { this.display = true; console.log(this.viewContainerRef); // undefined setTimeout(()=> { console.log(this.viewContainerRef); // OK }, 1); } } デフォルトでコンテンツが非表示になっているコンポーネントがあります。誰かがshow()メソッドを呼び出すと、それが表示されます。ただし、Angular 2の変更検出が完了する前に、を参照することはできませんviewContainerRef。私は通常、setTimeout(()=>{},1)上記のようにすべての必要なアクションをラップします。もっと正しい方法はありますか？ にオプションがあることは知っていますがngAfterViewChecked、これにより無駄な呼び出しが多くなりすぎます。 ANSWER（プランカー）

215 angular  angular2-changedetection 

オブザーバブルに頭を抱えようとしています。オブザーバブルが開発と可読性の問題を解決する方法が大好きです。私が読んだように、利益は計り知れません。 HTTPおよびコレクションのオブザーバブルは簡単なようです。このようなものを観測可能なパターンに変換するにはどうすればよいですか。 これは、認証を提供するための私のサービスコンポーネントからのものです。これは、Angular2の他のHTTPサービスのように機能することを好みます-データ、エラー、および完了ハンドラーをサポートします。 firebase.auth().createUserWithEmailAndPassword(email, password) .then(function(firebaseUser) { // do something to update your UI component // pass user object to UI component }) .catch(function(error) { // Handle Errors here. var errorCode = error.code; var errorMessage = error.message; // ... }); ここでどんな助けもいただければ幸いです。私が持っていた唯一の代替ソリューションは、EventEmitters を作成することでした。しかし、それはサービスセクションで物事を行うためのひどい方法だと思います

214 angular  firebase  rxjs  firebase-authentication 

私はangular.ioからこのチュートリアルに従っています 彼らが言ったように、ユニットテストを作成するためにhero.spec.tsファイルを作成しました： import { Hero } from './hero'; describe('Hero', () => { it('has name', () => { let hero: Hero = {id: 1, name: 'Super Cat'}; expect(hero.name).toEqual('Super Cat'); }); it('has id', () => { let hero: Hero = {id: 1, name: 'Super Cat'}; expect(hero.id).toEqual(1); }); }); 単体テストは魅力のように機能します。問題は、チュートリアルで言及されているいくつかのエラーが表示されることです。 私たちのエディタとコンパイラのは、彼らが何を知っていないと文句を言うことit とexpect、彼らはジャスミンを記述タイピングファイルを欠いているためです。それらは無害なので、今のところそれらの迷惑な苦情は無視できます。 そして彼らは実際にそれを無視した。これらのエラーは無害ですが、大量のエラーを受け取った場合、出力コンソールでは見栄えがよくありません。 …

213 unit-testing  angular  typescript  jasmine 

AngularJSでは、の$watch関数を使用してスコープ変数の変更を監視するウォッチャーを指定することができました$scope。Angularで変数の変化（コンポーネント変数など）を監視することに相当することは何ですか？

213 angularjs  angular  watch  angular2-changedetection 

メモリリークを防ぐために、Angular 2のhttp呼び出しの登録を解除する必要がありますか？ fetchFilm(index) { var sub = this._http.get(`http://example.com`) .map(result => result.json()) .map(json => { dispatch(this.receiveFilm(json)); }) .subscribe(e=>sub.unsubscribe()); ...

211 angular  memory-leaks  rxjs  angular2-http