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

新しいブランドを作りました 角度クリプロジェクト を実行npm install bootstrap@4.0.0-beta jquery popper.js --save し、.angular-cli.jsonの関連パーツを以下のように実行および変更しました "styles": [ "../node_modules/bootstrap/dist/css/bootstrap.css" ], "scripts": [ "../node_modules/jquery/dist/jquery.js", "../node_modules/popper.js/dist/popper.js", "../node_modules/bootstrap/dist/js/bootstrap.js" ], ただし、以下のエラーを受け取ります 10:2287 Uncaught SyntaxError: Unexpected token export at eval (<anonymous>) at webpackJsonp.../../../../script-loader/addScript.js.module.exports (addScript.js:9) at Object.../../../../script-loader/index.js!../../../../popper.js/dist/popper.js (popper.js?4b43:1) at __webpack_require__ (bootstrap 4403042439558687cdd6:54) at Object.2 (scripts.bundle.js:66) at __webpack_require__ (bootstrap 4403042439558687cdd6:54) at webpackJsonpCallback (bootstrap 4403042439558687cdd6:25) …

95 twitter-bootstrap  angular  webpack  popper.js 

私は現在、AngularJS 1. *で過去4年間楽しく働いた後、Angular2とTypeScriptを自分で習得しようとしています！私はそれが嫌いだと認めざるを得ませんが、私のエウレカの瞬間が間近に迫っていることは確かです...とにかく、私はダミーアプリに、JSONを提供する、私が書いた音声バックエンドからhttpデータをフェッチするサービスを記述しました。 import {Injectable} from 'angular2/core'; import {Http, Headers, Response} from 'angular2/http'; import {Observable} from 'rxjs'; @Injectable() export class UserData { constructor(public http: Http) { } getUserStatus(): any { var headers = new Headers(); headers.append('Content-Type', 'application/json'); return this.http.get('/restservice/userstatus', {headers: headers}) .map((data: any) => data.json()) .catch(this.handleError); } getUserInfo(): any { …

95 typescript  angular  observable  rxjs 

Angular 2のタイマーが必要です。タイマーが時間間隔の後に作動し、いくつかのタスクを実行します（いくつかの関数を呼び出す場合があります）。 Angular 2でこれを行う方法は？

95 javascript  angular 

'my-app-name/services'次のインポートのような行を避けるようなものをどのように導入できますか？ import {XyService} from '../../../services/validation/xy.service';

95 typescript  ecmascript-6  angular  angular2-services 

NgModuleへの移行後にこのエラーが発生します。エラーはあまり役に立ちません。アドバイスはありますか？ Error: Error: Unexpected value 'undefined' imported by the module 'AppModule' at new BaseException (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:5116:27) at eval (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:13231:35) at Array.forEach (native) at CompileMetadataResolver.getNgModuleMetadata (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:13215:48) at RuntimeCompiler._compileComponents (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:15845:51) at RuntimeCompiler._compileModuleAndComponents (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:15769:41) at RuntimeCompiler.compileModuleAsync (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:15746:25) at PlatformRef_._bootstrapModuleWithZone (http://localhost:5555/node_modules/@angular/core/bundles/core.umd.js:9991:29) at PlatformRef_.bootstrapModule (http://localhost:5555/node_modules/@angular/core/bundles/core.umd.js:9984:25) at Object.eval (http://localhost:5555/app/main.js:8:53) Evaluating http://localhost:5555/app/main.js Error loading http://localhost:5555/app/main.js "Report this error …

95 angular 

数値を小数点以下2桁に制限し、その数値を通貨金額（たとえば、2.55ポンド）に変換する例を見つけました。 {{ number | currency : 'GBP' : true : '1.2-2'}} 通貨を適用せずに同じことを行う単純なパイプはありますか？

95 angular  pipe  decimal 

コンポーネント（typescript）内で関数を宣言し、Angular 2のクリックイベントでそれを呼び出す方法は？以下は、Angular2コードが必要なAngular1の同じ機能のコードです。 <button ng-click="myFunc()"></button> //コントローラ app.controller('myCtrl', ['$scope', function($cope) { $scope.myFunc= { console.log("function called"); }; }]);

95 javascript  angular  typescript 

私はAngular4を初めて使用するので::ng-deep、Angular4で使用する方法と場所を誰かに説明してもらえますか？ 実際、親コンポーネントから子コンポーネントのCSSプロパティの一部を上書きしたいと思います。さらに、IE11でサポートされていますか？

95 css  angular  angular-template 

マテリアルデザインをプロジェクトにインポートしようとしている単純な角度のプロジェクトで作業していますが、一部のコンポーネントが正しく機能せず、コンソールの警告で次のように表示されます。 HammerJSが見つかりませんでした。特定のAngular Materialコンポーネントが正しく機能しない場合があります。 私もhammerjsインストールしました@angular/material。この問題を解決するにはどうすればよいですか？ サイドノート それは注目に値することができることをあなたがしている場合はhammerjsインストールし、コンポーネントがまだあなたが使用している作るために、正しくレンダリングされていないangular material コンポーネントとしていないHTML要素materialize-css のクラスを。あなたがいる場合している使用してmaterialize-cssの代わりにangular material、あなたは別に、プロジェクトに追加する必要があります。

94 javascript  angular  material-design  hammer.js 

Angular 5を使用していますが、angular-cliを使用してサービスを作成しました 私がやりたいのは、Angular 5のローカルjsonファイルを読み取るサービスを作成することです。 これは私が持っているものです...私は少し行き詰まっています... import { Injectable } from '@angular/core'; import { HttpClientModule } from '@angular/common/http'; @Injectable() export class AppSettingsService { constructor(private http: HttpClientModule) { var obj; this.getJSON().subscribe(data => obj=data, error => console.log(error)); } public getJSON(): Observable<any> { return this.http.get("./assets/mydata.json") .map((res:any) => res.json()) .catch((error:any) => console.log(error)); } } どうすればこれを完成できますか？

94 javascript  json  angular 

誰かが使用の違いを説明できますか <ng-container>とし<ng-template>要素の？ のドキュメントが見つかりませんでした NgContainerず、テンプレートタグの違いがよくわかりません。 それぞれのコード例が大いに役立ちます。

94 angular 

私が持っているAuthGuard実装していること（ルーティングするために使用）CanActivateを。 canActivate() { return this.loginService.isLoggedIn(); } 私の問題は、CanActivate-resultがhttp-get-resultに依存していることです-LoginServiceはObservableを返します。 isLoggedIn():Observable<boolean> { return this.http.get(ApiResources.LOGON).map(response => response.ok); } それらをまとめるにはどうすればよいですか？CanActivateをバックエンドの状態に依存させますか？ ＃＃＃＃＃＃ 編集：この質問は2016年のものであることに注意してください-角度/ルーターの非常に初期の段階が使用されています。 ＃＃＃＃＃＃

94 angular  angular2-routing  angular2-http 

let httpParams = new HttpParams().set('aaa', '111'); httpParams.set('bbb', '222'); なぜこれが機能しないのですか？'aaa'のみを設定し、 'bbb'は設定しません また、オブジェクトがあります{aaa：111、bbb：222}ループせずにすべての値を設定するにはどうすればよいですか？ UPDATE（これは機能しているようですが、ループを回避するにはどうすればよいですか？） let httpParams = new HttpParams(); Object.keys(data).forEach(function (key) { httpParams = httpParams.append(key, data[key]); });

94 angular  angular-http 

質問 テストの目的でObservable、実際のhttp呼び出しによって返されるオブザーバブルを。に置き換えるオブジェクトを作成していますHttp。 私のobservableは次のコードで作成されています： fakeObservable = Observable.create(obs => { obs.next([1, 2, 3]); obs.complete(); }); 問題は、この観測可能なものがすぐに放出されるということです。その放出にカスタム遅延を追加する方法はありますか？ 追跡 私はこれを試しました： fakeObservable = Observable.create(obs => { setTimeout(() => { obs.next([1, 2, 3]); obs.complete(); }, 100); }); しかし、それは機能していないようです。

94 angular  typescript  observable 

だから、私の練習ではangular4を使って作業していますが、これは私にとって新しいことです。幸いなことに、私が使用したhtml要素とその値を取得するために <HTMLInputElement> document.getElementByIdまたは <HTMLSelectElement> document.getElementById 角度でこれに代わるものがあるかどうか疑問に思っています

94 angular  typescript