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

私はAngular 2（および一般的にはAngular ...）を初めて使用するので、非常に魅力的です。Angular CLiを使用してプロジェクトを生成および提供しています。それはうまくいくようです-私の小さな学習プロジェクトでは、私が必要とする以上のものを生み出します-しかし、それは予想されることです。 spec.tsプロジェクトの各Angular要素（コンポーネント、サービス、パイプなど）に対して生成されることに気付きました。私は周りを検索しましたが、これらのファイルの目的の説明は見つかりませんでした。 これらのビルドファイルは通常、使用時に非表示になりtscますか？自分Componentが作成した名前の悪い名前を変更したいと思ったのですが、その名前がこれらのspec.tsファイルでも参照されていることがわかりました。 import { beforeEach, beforeEachProviders, describe, expect, it, inject, } from '@angular/core/testing'; import { ComponentFixture, TestComponentBuilder } from '@angular/compiler/testing'; import { Component } from '@angular/core'; import { By } from '@angular/platform-browser'; import { PovLevelComponent } from './pov-level.component'; describe('Component: PovLevel', () => { let builder: TestComponentBuilder; …

211 angular  typescript 

次のrouterLinkようなルートのパラメータを渡すことができることを知っています /user/:id 書いて [routerLink]="['/user', user.id]" しかし、このようなルートについてはどうですか： /user/:id/details このパラメーターを設定する方法はありますか、または別のURLスキームを検討する必要がありますか？

208 angular  angular2-routing  angular2-router3 

Angular 2サービスがあります。 import {Storage} from './storage'; import {Injectable} from 'angular2/core'; import {Subject} from 'rxjs/Subject'; @Injectable() export class SessionStorage extends Storage { private _isLoggedInSource = new Subject<boolean>(); isLoggedIn = this._isLoggedInSource.asObservable(); constructor() { super('session'); } setIsLoggedIn(value: boolean) { this.setItem('_isLoggedIn', value, () => { this._isLoggedInSource.next(value); }); } } すべてがうまくいきます。しかし、サブスクライブする必要のない別のコンポーネントがあります。特定の時点でisLoggedInの現在の値を取得する必要があるだけです。これどうやってするの？

207 javascript  angular  rxjs 

新しいAngular 5プロジェクトを作成する場合： ノードのバージョン：8.9.2 npmバージョン：5.5.1 私のコマンドは npm install -g @angular/cli エラーは npm ERR! **Unexpected end of JSON input while parsing near '...nt-webpack-plugin":"0'** npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Aashitec\AppData\Roaming\npm-cache\_logs\2017-12-06T13_10_10_729Z-debug.log エラーログはhttp://www.aashitechno.in/2017-12-06T13_10_10_729Z-debug.logです。

207 node.js  angular  npm  npm-install 

私はこのようにパイプを呼び出すことができることを知っています： {{ myData | date:'fullDate' }} ここでは、日付パイプは引数を1つだけ取ります。コンポーネントのテンプレートHTMLからコード内で直接、より多くのパラメーターを使用してパイプを呼び出す構文は何ですか？

204 javascript  angular  angular2-pipe 

新しいAngular 8ビューの子をどのように構成すればよいですか？ @ViewChild('searchText', {read: ElementRef, static: false}) public searchTextInput: ElementRef; 対 @ViewChild('searchText', {read: ElementRef, static: true}) public searchTextInput: ElementRef; どちらが良いですか？static:truevsはいつ使用すべきstatic:falseですか？

204 angular  angular8  viewchild 

Angular 2を学ぶために、私は彼らのチュートリアルを試しています。 次のようなエラーが発生します。 (node:4796) UnhandledPromiseRejectionWarning: Unhandled promise rejection (r ejection id: 1): Error: spawn cmd ENOENT [1] (node:4796) DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node. js process with a non-zero exit code. SOでさまざまな質問と回答を行いましたが、「未処理の約束の拒否」が何であるかを見つけることができませんでした。 誰かがそれが何であるか、また何Error: spawn cmd ENOENTが起こったのか、そしてこの警告を取り除くために何を確認する必要があるのか​​を簡単に説明できますか？

203 javascript  angular  es6-promise  spawn  unhandled-exception 

私はAngular2にかなり慣れていませんが、少し問題があります。 私のLogin-Component-HTMLには2つのチェックボックスがあり、Login-Component-TypeScriptに2方向のデータバインディングでバインドします。 これはHTMLです。 <div class="checkbox"> <label> <input #saveUsername [(ngModel)]="saveUsername.selected" type="checkbox" data-toggle="toggle">Save username </label> </div> そして、これはComponent.tsです。 import { Component, OnInit } from '@angular/core'; import { Router } from '@angular/router'; import { Variables } from '../../services/variables'; @Component({ selector: 'login', moduleId: module.id, templateUrl: 'login.component.html', styleUrls: ['login.component.css'] }) export class LoginComponent implements OnInit { …

202 html  angular  typescript  checkbox  data-binding 

Windows 7 Professional 32ビットを実行しています。 npm install -g angular-cli通常と管理の両方で実行してみました。 また(C:\Users\Administrator\AppData\Roaming\npm\node_modules\angular-cli\bin\ng)、PATH：の下の環境変数に追加しようとしましたが、成功しませんでした。 何が悪いのですか？

201 windows-7  angular  angular-cli 

AngularからAPIを呼び出そうとしていますが、このエラーが発生しています： Property 'map' does not exist on type 'Observable<Response>' この同様の質問からの回答は私の問題を解決しませんでした：Angular 2 beta.17：プロパティ 'map'はタイプ 'Observable <Response>'に存在しません。 Angular 2.0.0-beta.17を使用しています。

200 angular  typescript1.8 

私はangular-cliで生成されたAngular 2.0.0アプリを持っています。 コンポーネントを作成し、それをAppModuleの宣言配列に追加すると、問題なく動作します。 コンポーネントを分離することにしたので、TaskModuleおよびコンポーネントを作成しましたTaskCard。次にTaskCard、AppModule（Boardコンポーネント）のコンポーネントの1つでを使用します。 AppModule： import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { HttpModule } from '@angular/http'; import { AppComponent } from './app.component'; import { BoardComponent } from './board/board.component'; import { LoginComponent } from './login/login.component'; import { MdButtonModule …

199 angular  typescript  angular-module 

次のテンプレートがあります。 <div> <span>{{aVariable}}</span> </div> そして終わりにしたいと思います： <div "let a = aVariable"> <span>{{a}}</span> </div> 行う方法はありますか？

199 html  angular 

githubからダウンロードしたプロジェクトを実行してみました。残念ながら、npm install次の警告が表示されました。この質問に基づいてバージョンを変更しようとしました。しかし、一部のパッケージには複数のバージョンの他のパッケージが必要なため、問題が発生しました。次の2行について考えてみます。 npm WARN @angular/cdk@2.0.0-beta.10 requires a peer of @angular/core@^4.3.0 but none is installed. You must install peer dependencies yourself. npm WARN @angular/forms@4.3.6 requires a peer of @angular/core@4.3.6 but none is installed. You must install peer dependencies yourself. したがって、一部のパッケージをインストールすると、依存関係のリストが大幅に増加します。 誰かが解決策を持っていますか？ npm WARN @angular/animations@4.3.6 requires a peer of @angular/core@4.3.6 but none …

199 javascript  angular  typescript  npm 

自分のマシンにグローバルにインストールされているangular-cliの特定のバージョンを確認する方法はありますか？私はWindows環境にいます。 npm -vとnode -vは、それぞれnpmとnodeのバージョンのみを提供し、ngでコマンドを見つけることができないようです。 私が取り組んでいるプロジェクトを実行しようとしていますが、npmを使用して古いバージョンのangular-cliで実行されていました。ただし、他のデモプロジェクトをインストールした後、私のメインプロジェクトは、特定のバージョンでangular-cliをアンインストールして再インストールしないと機能しなくなります。

198 node.js  angular  npm  angular-cli 

TypeScriptを使用したAngular 2のチュートリアルを最近見ましたが、インターフェイスを使用する場合と、モデルを使用してデータ構造を保持する場合がわかりません。 インターフェースの例： export interface IProduct { ProductNumber: number; ProductName: string; ProductDescription: string; } モデルの例： export class Product { constructor( public ProductNumber: number, public ProductName: string, public ProductDescription: string ){} } URLからJSONデータを読み込み、インターフェース/モデルにバインドしたいのですが。単一のデータオブジェクトが必要な場合もあれば、オブジェクトの配列や配列を保持したい場合もあります。 どちらを使用する必要がありますか？その理由は？

197 angular  typescript