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

Angular 1では、以下を使用してドロップダウンボックスのデフォルトオプションを選択できます： <select data-ng-model="carSelection" data-ng-options = "x.make for x in cars" data-ng-selected="$first"> </select> Angular 2では私は： <select class="form-control" [(ngModel)]="selectedWorkout" (ngModelChange)="updateWorkout($event)"> <option *ngFor="#workout of workouts">{{workout.name}}</option> </select> オプションデータを指定してデフォルトオプションを選択するにはどうすればよいですか。 [{name: 'arm'}, {name: 'back'}, {name:'leg'}]私がデフォルトでオンにする私の値はback？

115 html  angular 

Angular 6がここにあるので、私のAngular 5クライアントアプリケーションをAngular 6にアップグレードまたは移動したいのですが、チュートリアルや、私をガイドできるものは何もありません。 私によると、新しいAngular CLIを実行してから、古いソースを新しいプロジェクトに移動する必要があるだけです。Angular 6はIvyと呼ばれる新しいレンダラーを使用しています。Ivyに従ってプロジェクトを変更する必要がありますか？

114 angular  migration  upgrade  angular-ivy 

次のようなデータサービスがあります。 @Injectable() export class DataService { baseUrl = 'http://localhost' constructor( private httpClient: HttpClient) { } get(url, params): Promise<Object> { return this.sendRequest(this.baseUrl + url, 'get', null, params) .map((res) => { return res as Object }) .toPromise(); } post(url, body): Promise<Object> { return this.sendRequest(this.baseUrl + url, 'post', body) .map((res) => { return …

114 angular  angular-httpclient 

このシナリオでは、学生のリスト（配列）をビューに表示していますngFor。 <li *ngFor="#student of students">{{student.name}}</li> 他の生徒をリストに追加するたびに更新されるのは素晴らしいことです。 しかし、私はそれ与えるときpipeにfilter生徒の名前で、 <li *ngFor="#student of students | sortByName:queryElem.value ">{{student.name}}</li> フィルタリングする生徒の名前フィールドに何か入力するまで、リストは更新されません。 ここにplnkrへのリンクがあります。 Hello_world.html <h1>Students:</h1> <label for="newStudentName"></label> <input type="text" name="newStudentName" placeholder="newStudentName" #newStudentElem> <button (click)="addNewStudent(newStudentElem.value)">Add New Student</button> <br> <input type="text" placeholder="Search" #queryElem (keyup)="0"> <ul> <li *ngFor="#student of students | sortByName:queryElem.value ">{{student.name}}</li> </ul> sort_by_name_pipe.ts import {Pipe} from 'angular2/core'; @Pipe({ …

113 angular  angular2-template  angular2-directives  angular-pipe 

私はバックエンド開発者であり、Angular4をいじっています。そこで、次のインストールチュートリアルを行いました：https : //www.youtube.com/watch?v=cdlbFEsAGXo。 これを踏まえて、クラスに「container-fluid」または「col-md-6」などを使用できるように、アプリにブートストラップを追加するにはどうすればよいですか？

113 twitter-bootstrap  angular 

angular2[disable]では、次のような属性を持つボタンを無効にできることを知っています 。 <button [disabled]="!isValid" (click)="onConfirm()">Confirm</button> しかし、[ngClass]またはを使用してそれを行うことができ[ngStyle]ますか？そのようです： <button [ngStyle]="{disabled : !isValid}" (click)="onConfirm()">Confirm</button> ありがとう。

113 html  angular  angular2-template  angular2-forms 

RE：Angular2 2.0.0、angular-cli v1.0.0-beta.11-webpack.8 ビルド時に「dist」のルートに「src / assets」のファイルを含めるようにangular-cliに指示するにはどうすればよいですか？ Windowsホストにデプロイし、すべてをインデックスにルーティングするようにIISに指示するための「web.config」ファイルを含める必要があります。私たちはこれをRC4よりも前に行っていましたが、すべての更新で亀裂が入りました（どのようにしたか覚えていません）。 私はGitHubリポジトリのドキュメントを精査しており、このトピックに関して何の役にも立ちませんでした。多分私は間違った場所にいますか？ で目次、そこに「ビルドに余分なファイルを追加する」の箇条書きですが、そのセクションが存在しません表示されます。

113 angular  angular-cli 

私はルーティングを実装したAngular 2モジュールを使用しており、ナビゲート時に状態を保存したいと思っています。ユーザーは次のことができる必要があります。1.検索式を使用してドキュメントを検索する2.結果の1つに移動する3.サーバーと通信せずにsearchresultに戻る これは、RouteReuseStrategyを含めて可能です。問題は、ドキュメントを保存しないように実装するにはどうすればよいですか？ したがって、ルートパス「documents」の状態を保存し、ルートパス「documents /：id」の状態を保存しないでください。

113 javascript  angular  typescript  angular-ui-router 

Angular 2反応フォームのコントロールを無効にすると、コントロールがform.valueに含まれないことに気付きました。たとえば、次のようにフォームを定義するとします。 this.notelinkingForm = new FormGroup({ Enabled: new FormControl(settings.Enabled, Validators.required), LinkToPreceeding: new FormControl({value: settings.LinkToPreceeding, disabled: !settings.Enabled}, Validators.required), LinkingTolerance: new FormControl({value: settings.LinkingTolerance, disabled: !settings.Enabled}, Validators.required) }); this.notelinkingForm.valueを確認します。すべてのコントロールが有効になっている場合、出力は次のようになります。 {"Enabled":true, "LinkToPreceeding": true, LinkingTolerance:"100"} ただし、一部のコントロールが無効になっている場合は、次のようになります。 {"Enabled":true} 無効になっているコントロールがどのように除外されているかに注意してください。 私の意図は、フォームが変更されたときに、フォーム内のすべてのプロパティを含むform.valueを残りのAPIに渡せるようにすることです。無効なアイテムが含まれていない場合、これは明らかに不可能です。 ここに何か不足していますか、これは予想される動作ですか？Angularに無効なアイテムをform.valueに含めるように指示する方法はありますか？ あなたの考えを歓迎します。

113 angular  angular2-forms 

EventEmitterでイベントを発生させる方法を知っています。次のようなコンポーネントがある場合に呼び出されるメソッドをアタッチすることもできます。 <component-with-event (myevent)="mymethod($event)" /> このようなコンポーネントがあると、すべてがうまく機能します。いくつかのロジックをサービスに移動し、サービス内からイベントを発生させる必要があります。私がしたことはこれでした： export class MyService { myevent: EventEmitter = new EventEmitter(); someMethodThatWillRaiseEvent() { this.myevent.next({data: 'fun'}); } } このイベントに基づいて値を更新する必要があるコンポーネントがありますが、それを機能させることができません。私が試したのはこれです： //Annotations... export class MyComponent { constructor(myService: MyService) { //myService is injected properly and i already use methods/shared data on this. myService.myevent.on(... // 'on' is not a method <-- not …

112 javascript  angular 

Angular2でonBlurイベントをどのように検出しますか？で使いたい <input type="text"> 誰かがそれを使用する方法を理解するのを手伝ってくれる？

112 javascript  angular  onblur 

ボタンをクリックして別のページに移動しようとしていますが、機能しません。何が問題なのでしょう。私は今角度2を学んでいます、そしてそれは今私にとって少し難しいです。 //Routes/Path in a folder call AdminBoard export const AdminRoutes: Routes =[ { path: 'dashboard', component: AdminComponent, children: [ {path: '', redirectTo: 'Home'}, {path: 'Home', component: HomeComponent}, {path: 'Service', component: ServiceComponent}, {path: 'Service/Sign_in', component:CustomerComponent} ] } ]; //Button is also in a different folder. Click button to navigate to this …

112 angular 

私はasp.netコアでangular-cliを使用したいのですが、dist フォルダのパスを変更する方法を知る必要があります

112 angular  angular-cli 

Angular 2、Google Mapsなどを使用して不動産Webサイトを作成しています。ユーザーがマップの中心を変更すると、APIに対して検索を実行して、マップの現在の位置と半径を示します。重要なのは、ページ全体を再読み込みせずに、これらの値をURLに反映したいということです。それは可能ですか？AngularJS 1.xを使用していくつかのソリューションを見つけましたが、Angular 2については何も見つかりませんでした。

112 javascript  angular  routes  angular2-routing 

Angular 2アプリの特定のページを離れる前に、保存されていない変更についてユーザーに警告します。通常はを使用しますがwindow.onbeforeunload、単一ページのアプリケーションでは機能しません。 私はangular 1で$locationChangeStartイベントにフックしてconfirmユーザーにボックスを投げることができることを発見しましたが、angular 2でこれを機能させる方法を示すものは何も見ていません、またはそのイベントがまだ存在する場合でも。の機能を提供するag1のプラグインも見ましたが、これもag2でonbeforeunload使用する方法は見ていません。 他の誰かがこの問題の解決策を見つけてくれることを願っています。私の目的にはどちらの方法でも問題なく機能します。

112 angular  angular2-routing