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

クリックすると変数をユーザーのクリップボードに保存するアイコンを実装しようとしています。私は現在いくつかのライブラリを試しましたが、どれもできませんでした。 Angular 5で変数をユーザーのクリップボードに正しくコピーするにはどうすればよいですか？

124 angular  typescript  angular5 

以下の数値パイプを使用して、数値を小数点以下2桁に制限しました。 {{ exampleNumber | number : '1.2-2' }} 「1.2-2」の背後にある論理は何だったのだろうと思っていましたか？私はこれらを試し、小数点以下の桁数がゼロになるようにフィルタリングするパイプを実現しようとしましたが、役に立ちませんでした。

123 angular  pipe  decimal 

is_edit = true無効にするtsで... <input [disabled]="is_edit=='false' ? true : null" id="name" type="text" [(ngModel)]="model.name" formControlName="name" class="form-control" minlength="2"> trueまたはに基づく入力を無効にしたいだけですfalse。 私は以下を試しました： [disabled]="is_edit=='false' ? true : null" [disabled]="is_edit=='true'" [disabled]="is_edit"

123 angular  angular-reactive-forms  disabled-input 

私は、承認されていないページにアクセスしようとするユーザーがログインページに自動的にリダイレクトされるAsp.Net MVCの世界から来ました。 Angularでこの動作を再現しようとしています。@CanActivateデコレーターに遭遇しましたが、コンポーネントがまったくレンダリングされず、リダイレクトされません。 私の質問は次のとおりです： Angularはこの振る舞いを達成する方法を提供していますか？ もしそうなら、どうですか？それは良い習慣ですか？ そうでない場合、Angularでユーザー認証を処理するためのベストプラクティスは何でしょうか？

122 login  typescript  angular  angular2-routing 

私はそれらを理解しようと努めてきました3： 件名、行動件名、リプレイ件名。私はそれらを使用したいと思います、いつ、なぜ、それらを使用する利点は何ですか、そして私はドキュメントを読み、チュートリアルを見て、googleを検索しましたが、これを理解できませんでした。 では、それらの目的は何ですか？実際のケースでは、コードを書く必要がないことを最も評価します。 「a + b => cあなたが購読している...」だけでなく、わかりやすい説明を希望します。 ありがとうございました

122 javascript  angular  rxjs  reactive-programming  angular2-observables 

AngularJS 2アプリケーションをベータ版で作成しています。ページにオブジェクトのJSON表現を表示したいのですが、表示され[Object Object]ていない {key1:value1 ....} 私が使用できるコンポーネントから： get example() {return JSON.stringify(this.myObject)}; そしてテンプレートで： {{example}} しかし、オブジェクトの配列があり、これらのオブジェクトのリストを印刷したい場合、どうすればよいですか？ 使用： <ul> <li *ngFor="#obj of myArray">{{obj}}</li> </ul> 結果は次のようになります： -[オブジェクトオブジェクト] -[オブジェクトオブジェクト] -[オブジェクトオブジェクト] -[オブジェクトオブジェクト] 等々。それらをJSONとして表示する方法はありますか？

122 json  angular 

angular2ビューテンプレートで列挙型を使用できますか？ <div class="Dropdown" dropdownType="instrument"></div> 文字列を入力として渡します。 enum DropdownType { instrument, account, currency } @Component({ selector: '[.Dropdown]', }) export class Dropdown { @Input() public set dropdownType(value: any) { console.log(value); }; } しかし、列挙型構成を渡す方法は？テンプレートに次のようなものが欲しい： <div class="Dropdown" dropdownType="DropdownType.instrument"></div> ベストプラクティスは何でしょうか？ 編集：サンプルを作成： import {bootstrap} from 'angular2/platform/browser'; import {Component, View, Input} from 'angular2/core'; export enum DropdownType { instrument …

122 enums  angular  angular2-template 

私はdivをCSSを使用して角度2で右からスライドインさせたいです。 <div class="note" [ngClass]="{'transition':show}" *ngIf="show"> <p> Notes</p> </div> <button class="btn btn-default" (click)="toggle(show)">Toggle</button> [ngClass]のみを使用してクラスを切り替え、不透明度を利用する場合、問題なく動作します。しかし、liはその要素を最初からレンダリングしたくないので、最初にngIfで「非表示」にしますが、その後、遷移は機能しません。 .transition{ -webkit-transition: opacity 1000ms ease-in-out,margin-left 500ms ease-in-out; -moz-transition: opacity 1000ms ease-in-out,margin-left 500ms ease-in-out; -ms-transition: opacity 1000ms ease-in-out,margin-left 500ms ease-in-out ; -o-transition: opacity 1000ms ease-in-out,margin-left 500ms ease-in-out; transition: opacity 1000ms ease-in-out,margin-left 500ms ease-in-out; margin-left: 1500px; width: 200px; opacity: …

121 css  angular  angular-animations 

Angular 4 HttpClientを使用して外部サービスにリクエストを送信しています。これは非常に標準的な設定です。 this.httpClient.get(url).subscribe(response => { //do something with response }, err => { console.log(err.message); }, () => { console.log('completed'); } 問題は、リクエストが失敗するとHttp failure response for (unknown url): 0 Unknown Error、コンソールに一般的な メッセージが表示されることです。一方、失敗したリクエストをChromeで検査すると、応答ステータスが422であることがわかります。[プレビュー]タブに、失敗の原因を説明する実際のメッセージが表示されます。 Chrome開発ツールで表示できる実際の応答メッセージにアクセスするにはどうすればよいですか？ これは問題を示すスクリーンショットです：

121 angular  typescript 

私はこの方法を持つサービスを持っています： export class TestModelService { public testModel: TestModel; constructor( @Inject(Http) public http: Http) { } public fetchModel(uuid: string = undefined): Observable<string> { if(!uuid) { //return Observable of JSON.stringify(new TestModel()); } else { return this.http.get("http://localhost:8080/myapp/api/model/" + uuid) .map(res => res.text()); } } } コンポーネントのコンストラクタで、私は次のようにサブスクライブしています： export class MyComponent { testModel: TestModel; testModelService: …

121 typescript  promise  angular  observable  rxjs 

ngClass式の内部で値を補間する必要がありますが、それを機能させることができません。 私が理解できる唯一の解決策であるこれらの解決策を試しましたが、これらの2つは補間で失敗します。 <button [ngClass]="{'{{namespace}}-mybutton': type === 'mybutton'}"></button> <button [ngClass]="{namespace + '-mybutton': type === 'mybutton'}"></button> これは補間で機能しますが、文字列全体がクラスとして追加されるため、動的に追加されたクラスでは失敗します。 <button ngClass="{'{{namespace}}-mybutton': type === 'mybutton'}"></button> だから私の質問は、ngClassこのように動的クラス名をどのように使用するのですか？

121 angular 

typescriptで、Angular 2を使用して、同じ名前で異なるパスにある2つのクラスをインポートする必要があります。 プロジェクトが大きすぎるため、エクスポートされたクラス名を変更するのは難しいと思います。 インポートされたクラスをエイリアスする方法はありますか、 import {Class1} from '../location1/class1' import {Class1} from '../location2/class1'

121 angular  typescript  ionic2 

Angular 2を使ったフォームでラジオボタンを使いたい Options : <br/> 1 : <input name="options" ng-control="options" type="radio" value="1" [(ng-model)]="model.options" ><br/> 2 : <input name="options" ng-control="options" type="radio" value="2" [(ng-model)]="model.options" ><br/> model.options初期値は1です ページが読み込まれると、最初のラジオボタンはチェックされず、変更はモデルにバインドされません。 何か案が ？

120 forms  radio-button  angular 

AngularプロジェクトでChart.jsを使用したいと思います。以前のAngular2バージョンでは、私は 'chart.loader.ts'を使用してこれをうまく行ってきました： export const { Chart } = require('chart.js'); 次に、コンポーネントコードで私はちょうど import { Chart } from './chart.loader'; しかし、cli 1.0.0およびAngular 4にアップグレードした後、「名前 'require'が見つかりません」というエラーが表示されます。 エラーを再現するには： ng new newapp cd newapp npm install chart.js --save echo "export const { Chart } = require('chart.js');" >> src/app/chart.loader.ts ng serve 私の 'tsconfig.json'には、 "typeRoots": [ "node_modules/@types" ], そして 'node_modules/@types/node/index.d.ts'には以下があります： …

120 angular  angular-cli 

Angular2ページにいくつかのリンクを追加したいと思います。クリックすると、通常のハッシュタグのように、そのページ内の特定の位置にジャンプします。したがって、リンクは次のようなものになります /users/123#userInfo /users/123#userPhoto /users/123#userLikes 等 通常のAngular2の方法で問題ないので、HashLocationStrategyは必要ないと思いますが、直接追加すると、リンクは実際には同じページのどこかではなくルートにジャンプします。どんな方向でも感謝します。

120 routing  angular  hashtag