角2のエラーにエクスポートされたメンバーがありません

Question

私は角度2を初めて使用しており、valorソフトウェアの基本的なデモテーブルが動作していますが、

1）プロジェクト用にngserveを実行すると、次のように表示されます。 「エクスポートされたメンバー 'Renderer2'はありません。[デフォルト] C：\ wamp \ www \ nationalgrid \ public_cli \ node_modules @ ng-bootstrap \ ng-bootstrap \ buttons \ radio.d.ts：1：10モジュールC：/ wamp/www/nationalgrid/public_cli/node_modules //インデックス "'には、エクスポートされたメンバー' Renderer2 'がありません。

レンダリング2を角度4として使用したくないので、このクライアントシステムは当面は角度2にする必要があります。このエラーが発生するためにインポートまたは実行したものは何ですか？あなたがこの上を助けるために詳細が必要な場合は

Package.json

{ 
"name": "a2-cli-app", 
"version": "0.0.0", 
"license": "MIT", 
"angular-cli": {}, 
"scripts": { 
"start": "ng serve", 
"lint": "tslint "src/**/*.ts"", 
"test": "ng test", 
"pree2e": "webdriver-manager update", 
"e2e": "protractor" 
}, 
"private": true, 
"dependencies": { 
"": "^2.2.1", 
"": "^2.2.1", 
"": "^2.2.1", 
"": "^2.2.1", 
"": "^2.2.1", 
"": "^2.2.1", 
"": "^2.2.1", 
"": "^3.2.1", 
"angular2-cookie": "^1.2.5", 
"bootstrap": "^3.3.7", 
"chart.js": "^2.4.0", 
"core-js": "^2.4.1", 
"ng2-bs3-modal": "^0.10.4", 
"ng2-charts": "1.4.1", 
"ng2-file-upload": "1.1.4-2", 
"ng2-pagination": "1.0.1", 
"ng2-toastr": "1.3.2", 
"rxjs": "5.0.0-beta.12", 
"ts-helpers": "^1.1.1", 
"zone.js": "^0.6.23" 
}, 
"devDependencies": { 
"": "^2.2.1", 
"": "2.5.38", 
"": "^6.0.42", 
"angular-cli": "1.0.0-beta.21", 
"codelyzer": "~1.0.0-beta.3", 
"jasmine-core": "2.5.2", 
"jasmine-spec-reporter": "2.5.0", 
"karma": "1.2.0", 
"karma-chrome-launcher": "^2.0.0", 
"karma-cli": "^1.0.1", 
"karma-jasmine": "^1.0.2", 
"karma-remap-istanbul": "^0.2.1", 
"protractor": "4.0.9", 
"ts-node": "1.2.1", 
"tslint": "3.13.0", 
"typescript": "~2.0.3", 
"webdriver-manager": "10.2.5", 
"webpack": "^3.4.1" 
} 
} 

ちょうど私はあなたが必要なものを知ってみましょう。

2）あなたのvalorの単純なデータテーブルのフィルタリングに関して、どのように大文字と小文字を区別するようにフィルタリングを設定することができますか？誰かが正規表現を提案しましたが、フィルタにどのように適用されるのかわかりません。

3）データテーブルの例では、table-data.tsのデータをArrayとして取得できます。このプロジェクトには、mysqlデータベースベースからArrayとしてデータが入力されていますが、どのように割り当てますかデータ変数に追加します。

私はprivateデータを持っているので、Array = TableDataですが、 "TableData"を何か他のものに変更しようとするとエラーが発生しロードされません。私の入ってくるデータ。

4）最後に私のファイルをもっと鮮明にするために、columns配列を新しいファイルに移動し、それを参照することは可能ですか？

彼らの列配列事前

Answer 1

で

columns:Array = [ 
{title: 'Name', name: 'name'}, 
{title: 'Position', name: 'position', sort: ''}, 
{title: 'Office', className: ['office-header', 'text-success'], name: 'office', sort: 'asc'}, 
{title: 'Extn.', name: 'ext', sort: ''}, 
{title: 'Start date', className: 'text-warning', name: 'startDate'}, 
{title: 'Salary ($)', name: 'salary'}, 
]; 

おかげで答えを分割することができます。

1）これらのエラーは、ngx-bootstrap（valor-softwareによって開発されたもの）とは異なるパッケージであるng-bootstrapに関連しています。 ng-bootstrapでは、バージョンベータ25のリリースでは、角4.0.3が必要です。したがって、古いバージョンを使用すると問題が解決されます。

2）フィルタリングについては、https://github.com/valor-software/ng2-table/issues/152に記載されているように、両方の文字列を小文字に変換できませんか？

3）どのようなエラーが表示されていますか？あなたはデータを取得するためにhttp呼び出しを使用していますか？あなたは観測可能ではなくparamの結果にデータを割り当てていますか？あなたはそれを使用する必要がある場所「columns.ts」

export let columns: Array<any> = [ 
{title: 'Name', name: 'name'}, 
{title: 'Position', name: 'position', sort: ''}, 
{title: 'Office', className: ['office-header', 'text-success'], name: 'office', sort: 'asc'}, 
{title: 'Extn.', name: 'ext', sort: ''}, 
{title: 'Start date', className: 'text-warning', name: 'startDate'}, 
{title: 'Salary ($)', name: 'salary'}, 
]; 

は、その後、あなたがそれをインポートすることができます：あなたは、ファイルを作成することができます確かに

4）。

以下に示すように、私はMyColumns.tsというファイルを作成：

export const MyColumns:Array<any> = 
[ 
{title: 'Name', name: 'name'}, 
{title: 'Position', name: 'position', sort: ''}, 
... 
{title: 'Salary ($)', name: 'salary'}, 
]; 

を私はもともとすべてのリストを持っていたところその後、私のTableDemo.component.tsにファイルをポイント4を解決

import { colums } from 'columns.ts'; 

Answer 2

私は今、一番上に持っている：

私が持っている前に、私は列の定義を持っていた

import { MyColumns } from './mycolumns'; 

、その後：

columns = MyColumnsDef; 

これは他の人にも役立ちます。