web-dev-qa-db-ja.com

Angular Material Designタグ/属性を認識するようにWebStorm 9インスペクターに教える方法は？

現在、すべてのmy angularマテリアルHTML属性は、WebStorm 9（Mac OS X Yosemite）警告：「属性[名前]はここでは許可されていません」で黄色で強調表示されます。

enter image description here

これらの属性が有効であると自動的に認識するようにWSに教えるにはどうすればよいですか？カスタム属性のリストに1つずつ追加できることは承知していますが、これを行うためのより良い方法があることを望んでいました。

UPDATE：この問題は、AngularJS自体ではなく Angular Material プロジェクトに適用されることを明確にしたかっただけです。

webstorm
27
demisx

私はPHPStormの姉妹プロジェクトであるWebStormを使用していますが、同じように機能するはずです。

ライブラリを追加する必要があるかもしれません。

enter image description here

  • ファイル
  • 設定
  • 言語とフレームワーク
  • Javascript
  • 図書館

ここにAngularJSを追加します

これが機能しない場合は、手動で追加できます。

enter image description here

この手順に従ってください：

  • ファイル
  • デフォルトの設定
  • 編集者
  • 検査
  • HTML
  • 不明なHTMLタグ属性

右側のオプションに「カスタムHTMLタグ属性」が表示されます。許可する属性をここに入力します。

14
Christian Gollhardt

Angular.jsプラグイン をインストールすることを強くお勧めします。

  1. メニューの[ファイル]> [設定]（または ctrl + alt + S Windowsを使用している場合）;
  2. 表示されるウィンドウで[プラグイン]を選択します。
  3. [リポジトリの参照]ボタンをクリックします。
  4. 検索フィールドに「AngularJS」と入力します。プラグインを選択します。
  5. [プラグインのインストール]をクリックします。

プラグインは、@ngdocアノテーションはngMaterialソースに存在し、ディレクティブのドキュメントを作成します。

WebStormおよび他のIDEをサポートしているようです 、しかし、他のIDEによるフィルタリング中にプラグインレジストリで見つけることができませんでした。 WebStorm内で動作するかもしれません...

とにかく、これはあなたが得るものです：

5
gustavohenke

また、非常に役立つプラグインもあります。チェックしてください。それは大いに役立ちます

Angular material v2、Teradata covalent v1、Angular flex layout v1＆Material icon live templates そして、@ Alex Ilyaevが提供するソリューションにより、多くの助けが得られます。

Plugin

Helps

しかし、完璧ではありません。

Not every tag

それが役に立てば幸い。

1
Pablo Palacios

現在、私はそのアイデアのAngularJSプラグインが角度材料属性の拡張を理解しているとは思わない。

ディレクティブ、つまりコントロールクリックを理解します <md-button ...>ディレクティブ（カスタムタグ）が見つかりました。

今のところ、「グリーン」ページを取得するには、カスタム属性に属性を追加する必要があります。

0
anders