プログラミング angular

18

角度エラー：「「入力」の既知のプロパティではないため、「ngModel」にバインドできません」

Angular 4を使用していますが、コンソールでエラーが発生します： 'ngModel'は 'input'の既知のプロパティではないため、バインドできませんどうすればこれを解決できますか？

296 angular typescript angular-ngmodel angular-forms

2

では角度成分ルータのドキュメント私はちょうど私が前に見たことがないと私は何が起こっているか理解していないNPMコマンドつまずきました： npm install @angular/router --save の意味は@angular/router何ですか？文字列全体がパッケージ名ですか？しかし、npmjs.comで検索を使用すると、そのパッケージが見つかりません。また、コマンドライン検索では、そのようなパッケージは返されません。 npm search @angular/router :No match found for "@angular/router" それで@angular/、npmのある種のプレフィックスメカニズムは何ですか？そしてそれはどのように機能しますか？

294 javascript angular npm

15

チェックされた後、式___が変更されました

この単純なプランクのコンポーネントはなぜですか @Component({ selector: 'my-app', template: `<div>I'm {{message}} </div>`, }) export class App { message:string = 'loading :('; ngAfterViewInit() { this.updateMessage(); } updateMessage(){ this.message = 'all done loading :)' } } 投げ：例外：式 'I'm {{message}} in App @ 0：5'は確認後に変更されました。以前の値： 'I'm loading :('。現在の値： 'I'm all done loading :)' in [I'm {{message}} in …

286 typescript angular

13

例外：既知のネイティブプロパティではないため、「ngFor」にバインドできません

何が悪いのですか？ import {bootstrap, Component} from 'angular2/angular2' @Component({ selector: 'conf-talks', template: `<div *ngFor="talk of talks"> {{talk.title}} by {{talk.speaker}} <p>{{talk.description}} </div>` }) class ConfTalks { talks = [ {title: 't1', speaker: 'Brian', description: 'talk 1'}, {title: 't2', speaker: 'Julie', description: 'talk 2'}]; } @Component({ selector: 'my-app', directives: [ConfTalks], template: '<conf-talks></conf-talks>' }) class …

286 angular typescript angular2-directives ngfor

11

キーを押すたびにAngular 2 changeイベント

changeイベントは、入力のフォーカスが変更された後にのみ呼び出されます。キーを押すたびにイベントが発生するようにするにはどうすればよいですか？ <input type="text" [(ngModel)]="mymodel" (change)="valuechange($event)" /> {{mymodel}} 2番目のバインディングは、キーを押すたびに変わります。

282 angular

22

* ngForにフィルターを適用する方法は？

どうやら、Angular 2はng-forと組み合わせてAngular1のようにフィルターの代わりにパイプを使用して結果をフィルター処理しますが、実装はあいまいで、明確なドキュメントはありません。つまり、私が達成しようとしていることは、次の視点から見ることができます <div *ng-for="#item of itemsList" *ng-if="conditon(item)"></div> パイプを使用してそのように実装する方法は？

278 angular typescript

12

Angular2例外：既知のネイティブプロパティではないため、「routerLink」にバインドできません

明らかに、Angular2のベータ版は新しいものよりも新しいため、そこにはあまり情報がありませんが、かなり基本的なルーティングであると私が考えていることを実行しようとしています。 https://angular.io Webサイトのクイックスタートコードやその他のスニペットをハッキングすると、次のファイル構造になります。 angular-testapp/ app/ app.component.ts boot.ts routing-test.component.ts index.html 次のようにファイルが読み込まれます。 index.html <html> <head> <base href="/"> <title>Angular 2 QuickStart</title> <link href="../css/bootstrap.css" rel="stylesheet">  <script src="node_modules/angular2/bundles/angular2-polyfills.js"></script> <script src="node_modules/systemjs/dist/system.src.js"></script> <script src="node_modules/rxjs/bundles/Rx.js"></script> <script src="node_modules/angular2/bundles/angular2.dev.js"></script> <script src="node_modules/angular2/bundles/router.dev.js"></script>  <script> System.config({ packages: { app: { format: 'register', defaultExtension: …

277 angular

9

Angular 2で条件付き属性を追加するにはどうすればよいですか？

checkedチェックボックスの要素属性などの要素属性をどのように条件付きで追加できますか？ Angularの以前のバージョンにはNgAttr、私NgCheckedが求めていた機能を提供するものがあると思います。ただし、これらの属性はAngular 2には存在しないようであり、この機能を提供する他の方法はありません。

276 javascript angular

27

Angular 2 + CLIプロジェクトにfont-awesomeを追加する方法

Angular 2+とAngular CLIを使用しています。プロジェクトにfont-awesomeを追加するにはどうすればよいですか？

269 angular webpack angular-cli

13

Angularルーティングコンポーネントにデータを渡すにはどうすればよいですか？

Angular 2ルートのテンプレートの1つ（FirstComponent）にボタンがあります first.component.html <div class="button" click="routeWithData()">Pass data and route</div> 私の目標は達成することです：ボタンのクリック->他のコンポーネントをディレクティブとして使用せずに、データを保持しながら別のコンポーネントにルーティングします。これは私が試したものです... 第一のアプローチ同じビューで、ユーザーの操作に基づいて同じデータを収集して保存しています。 first.component.ts export class FirstComponent { constructor(private _router: Router) { } property1: number; property2: string; property3: TypeXY; // this a class, not a primitive type // here some class methods set the properties above // DOM events …

268 angular typescript

11

AngularでHTTPリクエストにURL引数（クエリ文字列）を渡す方法は？

AngularでHTTPリクエストを作成していますが、URL引数（クエリ文字列）を追加する方法がわかりません。 this.http.get(StaticSettings.BASE_URL).subscribe( (response) => this.onGetForecastResult(response.json()), (error) => this.onGetForecastError(error.json()), () => this.onGetForecastComplete() ); 今、私のStaticSettings.BASE_URLのような無クエリ文字列を含むURLのようなものです：http://atsomeplace.com/が、私はそれになりたいhttp://atsomeplace.com/?var1=val1&var2=val2 var1とvar2は、私のHttpリクエストオブジェクトのどこに収まりますか？オブジェクトのように追加したい。 { query: { var1: val1, var2: val2 } } 次に、Httpモジュールだけがそれを解析してURLクエリ文字列に変換します。

266 http angular typescript

16

親コンポーネントのCSSファイルから子コンポーネントをスタイルする方法

親コンポーネントがあります： <parent></parent> そして、私はこのグループに子コンポーネントを入れたいです： <parent> <child></child> <child></child> <child></child> </parent> 親テンプレート： <div class="parent">  <ng-content></ng-content> </div> 子テンプレート： <div class="child">Test</div> 以来parentとchild2つの別々のコンポーネントである、彼らのスタイルは、独自のスコープにロックされています。私の親コンポーネントで私はやってみました： .parent .child { // Styles for child } しかし、.childスタイルはchildコンポーネントに適用されていません。を使用styleUrlsして、スコープの問題を解決するためparentにchildコンポーネントにスタイルシートを含めようとしました： // child.component.ts styleUrls: [ './parent.component.css', './child.component.css', ] しかし、それは助けにはなりませんでした。childスタイルシートをにフェッチすることで別の方法を試しましたが、それも助けにparentはなりませんでした。では、親コンポーネントに含まれている子コンポーネントをどのようにスタイルするのでしょうか。

266 css angular angular-components

23

lodashをangular2 + typescriptアプリケーションにインポートする

lodashモジュールをインポートするのに苦労しています。npm + gulpを使用してプロジェクトをセットアップし、同じ壁にぶつけ続けました。私は通常のロダッシュだけでなく、ロダッシュも試しました。 lodash npmパッケージ：（パッケージのルートフォルダーにindex.jsファイルがあります） import * as _ from 'lodash'; 結果： error TS2307: Cannot find module 'lodash'. lodash-es npmパッケージ：（lodash.jsのデフォルトのエクスポートはパッケージルートフォルダーにあります） import * as _ from 'lodash-es/lodash'; 結果： error TS2307: Cannot find module 'lodash-es'. gulpタスクとwebstormの両方が同じ問題を報告します。面白い事実、これはエラーを返しません： import 'lodash-es/lodash'; ...もちろん "_"はありません... 私のtsconfig.jsonファイル： { "compilerOptions": { "target": "es5", "module": "system", "moduleResolution": "node", "sourceMap": …

262 javascript angular typescript lodash es6-module-loader

16

グローバル定数を定義する

Angular 1.xでは、次のようにして定数を定義できます。 angular.module('mainApp.config', []) .constant('API_ENDPOINT', 'http://127.0.0.1:6666/api/') Angular（TypeScriptを使用）で同等のものは何ですか？すべてのサービスでAPIベースURLを何度も繰り返したくありません。

258 typescript angular

15

パイプを使用して日付をdd / MM / yyyyにフォーマットします

dateパイプを使用して日付の形式を設定していますが、回避策を使用しないと、希望する正確な形式を取得できません。パイプを間違って理解していますか、それとも不可能ですか？ //our root app component import {Component} from 'angular2/core' @Component({ selector: 'my-app', providers: [], template: ` <div> <h2>Hello {{name}}</h2> <h3>{{date | date: 'ddMMyyyy'}}, should be {{date | date: 'dd'}}/{{date | date:'MM'}}/{{date | date: 'yyyy'}}</h3> </div> `, directives: [] }) export class App { constructor() { this.name = 'Angular2' this.date = …

257 date angular angular-pipe date-pipe

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

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