ウェブサイト検索

TypeScript - Angularでクラス名からコンポーネントクラスのプロトタイプを見つけ、そのクラスのプロトタイプに定義されたプロパティの値を取得するにはどうすればよいですか?

export class AppSample1Component { public propertyWithDefaultValue = 'Lorem ipsum dolor sit amet!'; }

Angularでコンポーネントのクラスプロトタイプにアクセスすることは可能ですか?

例えば(これは値を返していません):

console.log(AppSample1Component.prototype.pr

続きを読む →

typescript - Angular 5: Subjectの.next()は関数ではありません

私は .next() を使って period と呼ばれる Subject に新しい文字列をプッシュしようとしていますが、コンソールには this.period.next は関数ではありません というエラーが表示されます。

option.component.ts

import { Component, OnInit } from '@angular/core'; import { Subject } from 'rxjs'; @Component({ selector: 'app-option', template

続きを読む →

javascript - Angular の @Input デコレーター

こんにちは、Angularを学んでいて、Angularの@Inputデコレーターに出会いました。このトピックを調べた後も、この概念を理解するのにまだ少し難しさがあります。

コード:

app.component.html:

<app-tutorials [bar]="foo"></app-tutorials>

app.component.ts:

import { Component, Input } from '@angular/core'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class AppComponent { foo = {

続きを読む →

typescript - Angular Universal は scss ファイル内の相対 URL を解決できません

私は既存の Angular アプリを Universal に移行して、より SEO フレンドリーにしようとしています。これらのガイド(angular-cli、公式 Angular サイト)に従ってすべて実施しました。コンパイルは成功し、Express サーバーも起動しますが、エラー ERROR { Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'footer-bg.png' Error: Cannot match any routes. URL Segment: 'footer-bg.png' が発生します。このエラーは私の SCSS ファイル内の背景 URL リンクに関連しています。

Angular Universalでアセットのリンクを正しく解決するにはどうすればよいですか?

続きを読む →

typescript - Angular 4 コンポーネントで Flowpaper を使用するには?

私はエラー Property 'FlexPaperViewer' does not exist on type 'JQuery' を受けています。Flexpaper.js を .angular-cli.json ファイル経由で読み込んでいますが、私の component.ts ファイルはそれを参照できないため、このエラーが発生しています。

注意:私はAngularとTypeScriptにはまだ不慣れです。どんな助けでも大変ありがたいです。

続きを読む →

angular - Angular5 + Electron + Sqlite3

ここ数日、私は自分のElectronアプリをSQLiteと統合しようとしています。すでに以下のスクリプトでSQLiteのビルドを作成しました:

"rebuild": "electron-rebuild -f -w sqlite3"

そして、データベースに接続して、DBファイルを作成することができますが、JavaScriptからは次のようになります:

var sqlite3 = require('sqlite3').verbose(); var db = new sqlite3.Database('./database2.sqllite3'); db.serialize(function() { db.run("CREATE TABLE lorem (info TEXT)"); var stmt = db.prepare("INSERT INTO lorem VALUES (?)");

続きを読む →

typescript - ngx-translate を使った select FormControl での setValue - Angular 2

私はリアクティブフォームの中に select FormControl を持っており、ngx-translate ライブラリの pipe translate を使っています。FormGroup を作成するときに FormControl を初期化すると、値は DOM に正しく反映されており、実際に翻訳が見えます。しかし、FormControl に対して reset、setValue、または patchValue を試みると、pipe translate はまったくうまく動作しないようです。リセットした後に FormControl の値を console.log すると、実際に値が変わって

続きを読む →

typescript - Angular 5: エラー: Error false -- これは何ですか?

奇妙なエラーが出ていて、エラーを検索してもオンラインでは関連する情報が見つかりません。誰かこれを経験したことがありますか?特定のページの読み込み時にのみ発生します。

私の現在の設定:

app-routing.module.ts

import { RouterModule, Routes } from '@angular/router'; const routes: Routes = [ //... { path: ':username', loadChildren: './user/user.module#UserMod

続きを読む →

typescript - Angular Material2 コンポーネントのラッパーを書くべきですか?

私はいくつかの Angular 5 プロジェクトに取り組んでおり、https://material.angular.io/ からマテリアルデザインコンポーネントを使用したいです。

マテリアルデザインコンポーネントをカプセル化するために、ラッパーレイヤーを書くのは良い考えでしょうか?つまり、<mat-card>...</mat-card> と書く代わりに、<my-app-card>...</my-app-card> のように書くということです。

主な動機は、すべてのプロジェクトで一貫性があり、簡単に変更できるUIを確保することです。

回答 #1

もしあなたが自分でAMのコンポーネントのスタイルを変更して、異なるプロジェクトで再利用したいのであれば、それは非常に良いアイデアです。しかし、もしそれがスタイルのカプセル化だけに関することであれば、ラッパーやAMのコンポーネントのいず

続きを読む →

TypeScript - Angular 2: 変数を宣言して初期化する最良の方法

私は Angular スタイルガイドを勉強していますが、疑問があります。コンポーネントで変数を初期化する最良の方法は何ですか?

例えば、私はこのように変数を宣言します:

export class MyComponent implements OnInit { myModel: MyModel= new MyModel(); //... }

またはこのように:

export class MyComponent implements OnInit { myModel = new MyModel(); //... }

あるいはこれ:

export class MyComponent implements OnInit { myModel: MyModel; constructor() { this.myModel = new MyModel(); } //... }

続きを読む →