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

私はチュートリアルに従いました。app/maint.tsHttpの章を変更した後、コマンドラインからアプリを起動するとエラーが発生します。 app / main.ts（5,51）：エラーTS2307：モジュール「angular2-in-memory-web-api」が見つかりません。 （Visual Studio Codeでは、main.ts内で同じエラーが発生します-赤い波線の下線。） これが私のsystemjs.config.jsです： /** * System configuration for Angular 2 samples * Adjust as necessary for your application needs. */ (function(global) { // map tells the System loader where to look for things var map = { 'app': 'app', // 'dist', '@angular': 'node_modules/@angular', 'angular2-in-memory-web-api': 'node_modules/angular2-in-memory-web-api', …

99 angular  import  angular-tour-of-heroes 

送信ボタンのないフォームを送信することは可能ですか？ <form [ngFormModel]="xxx" (ngSubmit)="xxxx()"> <input [(ngModel)]="lxxR" ngControl="xxxxx"/> </form

99 forms  angular  submit 

angular2 2.0.0-beta.0で実験しています テーブルがあり、行のコンテンツは次のようにangular2によって生成されます。 <table> <tr *ngFor="#line of data"> .... content .... </tr> </table> これで問題が解決したので、コンテンツをコンポーネントの「表行」にカプセル化します。 <table> <table-line *ngFor="#line of data" [data]="line"> </table-line> </table> そして、コンポーネントでは、テンプレートに<tr> <td>コンテンツがあります。 しかし、テーブルはもはや機能しません。つまり、コンテンツは列に表示されなくなります。ブラウザで、インスペクタはDOM要素が次のように見えることを私に示します： <table> <table-line ...> <tbody> <tr> .... どうすればこれを機能させることができますか？

99 angular 

JSONオブジェクト文字列を取得し、pretty-printed / formattedで返してユーザーに表示するAngular 2パイプを作成しようとしています。 たとえば、次のようになります。 {"id"：1、 "number"： "K3483483344"、 "state"： "CA"、 "active"：true} そして、HTMLで表示すると、次のようなものを返します。 だから私の見解では、私は次のようなものを持つことができます： <td> {{ record.jsonData | prettyprint }} </td>

99 javascript  json  filter  angular  pipe 

Angular CLIで新しいプロジェクトを作成しようとすると、次のようになります： ng n app 私はこのエラーを受け取ります： fs.js：640 return binding.open（pathModule._makeLong（path）、stringToFlags（flags）、mode）; ^ TypeError：パスは文字列またはTypeErrorでのバッファでなければなりません（ネイティブ） Angular CLIをアップグレードまたはアンインストールするにはどうすればよいですか？

99 angular  angular-cli 

Angular 5を使用しています。ダッシュボードで、コンテンツが小さいセクションとコンテンツが大きいセクションがいくつかあり、上に行くときにルーターを変更すると問題が発生します。トップに戻るためにスクロールする必要があるたびに。誰かがこの問題を解決するのを手伝ってくれるので、ルータを変更しても私の見解が常にトップに留まります。 前もって感謝します。

99 javascript  angular  typescript  scrolltop  angular-router 

ボタンを押したときにターゲットまでスクロールできるようにしたい。このようなことを考えていました。 <button (click)="scroll(#target)">Button</button> そして私の中でcomponent.tsのような方法。 scroll(element) { window.scrollTo(element.yPosition) } 上記のコードは有効ではありませんが、私が何を考えていたかを示すためだけのものです。Angularの経験がなく、Angular 4の学習を始めたばかりです。私はこのようなものを探していましたが、すべての例はAngularJにあり、Angular 4とはかなり異なります

99 javascript  html  angular  typescript 

Angular 4アプリケーションを構築しています。エラーが発生します Error:Component HomeComponent is not part of any NgModule or the module has not been imported into your module. HomeModuleとHomeComponentを作成しました。AppModuleを参照するために必要なものはどれですか？私は少し混乱しています。HomeModuleまたはHomeComponentを参照する必要がありますか？最終的に私が探しているのは、ユーザーが[ホーム]メニューをクリックすると、インデックスページに表示されるhome.component.htmlに移動することです。 App.moduleは： import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { HttpModule } from '@angular/http' import { AppComponent } …

99 angular 

サーバーに行き、オブジェクトをフェッチする親コンポーネントを持っています： // parent component @Component({ selector : 'node-display', template : ` <router-outlet [node]="node"></router-outlet> ` }) export class NodeDisplayComponent implements OnInit { node: Node; ngOnInit(): void { this.nodeService.getNode(path) .subscribe( node => { this.node = node; }, err => { console.log(err); } ); } そして、いくつかの子供たちのディスプレイの1つ： export class ChildDisplay implements OnInit{ @Input() node: …

99 angular  dependency-injection  angular2-routing 

私は現在Angularで働いており、SublimeTextを使用したTypescriptを適切にサポートしています。 Sublime TextエディターでTypeScriptのサポートを取得するにはどうすればよいですか？ Shift+ Ctrl+Pを押してからTypeScriptを入力しようとしましたが、TypeScriptの結果が得られませんでした。 TypeScriptの公式Webサイトにアクセスし、SublimeTextのクローンをPCに作成しました。 ラップトップにTypeScriptをインストールしました-次に何ができますか？

99 angular  typescript  sublimetext3  sublimetext 

現在、URLのあるページを表示しているとします/user/:id。このページから次のページに移動します:id/posts。 今の方法は、私はすなわち、前回のURLが何であるかを確認することができそうという、あります/user/:id。 以下は私のルートです export const routes: Routes = [ { path: 'user/:id', component: UserProfileComponent }, { path: ':id/posts', component: UserPostsComponet } ];

99 angular  angular2-routing 

私はサービスSocketServiceを作成しました。基本的には、アプリがポートでリッスンできるようにソケットを初期化します。このサービスは、一部のコンポーネントとも相互作用します。 // socket.service.ts export class SocketService { constructor() { // Initializes the socket } ... } SocketServiceのconstructor（）のコードは、コンポーネントがSocketServiceを使用するときにのみ実行を開始することを知っています。 そして通常、app.tsのコードは次のようになります。 // app.ts import {SocketService} from './socket.service'; ... class App { constructor () {} } bootstrap(App, [SocketService]); ただし、アプリの起動時にこのサービスを実行したいと思います。そこでprivate _socketService: SocketService、アプリのコンストラクター（）を追加するだけでトリックを作成しました。したがって、コードは次のようになります。 // app.ts（新規） import {SocketService} from './socket.service'; ... class App { constructor (private _socketService: …

99 typescript  angular 

私はgithubリポジトリ（angular 7とangular-cli）を開発しており、masterブランチでKarmaとJasmineを使用していくつかのテストを行っています。 今、私は遅延読み込み機能を追加しようとしています、それは、以前は合格したテストが、今はそうではないということです。レイジーローディングモジュールからのテストだけが失敗しているので面白いです... ここにコードとエラーがあります： import {async, TestBed} from '@angular/core/testing'; import {APP_BASE_HREF} from '@angular/common'; import {AppModule} from '../../app.module'; import {HeroDetailComponent} from './hero-detail.component'; describe('HeroDetailComponent', () => { beforeEach(async(() => { TestBed.configureTestingModule({ imports: [AppModule ], providers: [ {provide: APP_BASE_HREF, useValue: '/'} ], }).compileComponents(); })); it('should create hero detail component', (() => { const …

98 javascript  angular  karma-runner  karma-jasmine  angular-cli 

違いは何であるEventEmitter.emit()とはEventEmitter.next()？どちらもサブスクライブしたリスナーにイベントをディスパッチします。 export class MyService { @Output() someEvent$: EventEmitter<any> = new EventEmitter(); someFunc() { this.someEvent$.emit({myObj: true}); this.someEvent$.next({myObj: true}); } } 現在、EventEmitterのドキュメントはあまり役に立ちません。

98 angular  angular2-services 

アプリ全体で自社のブランドカラーを使いたい。 私はこの問題を発見しました：AngularJS 2-マテリアルデザイン- 申し立てによるとカスタムテーマを構築できるカラーパレットを設定します。Material2の定義済みカラーを使用したくありません。ユニークで特別なブランドカラーが欲しいです。自分でテーマを作成するより良い方法（正しい？）はあり_palette.scssませんか？ ブランドパレットのミックスインを作成する必要がありますか？もしそうなら-それを適切に行う方法のガイドはありますか？さまざまな色合いの意味は何ですか（50、100、200、A100、A200などの番号が付いています）？ このエリアに関する情報は大歓迎です！

98 angular  sass  material-design  angular-material2