52

VS 2013 は angularjs 属性 intellisense をサポートするはずだと思いましたか? 何らかの理由で、Microsoft Visual Studio Ultimate 2013 バージョン 12.0.21005.1 の最新バージョンで動作しません。

次の検証警告が表示されます: 属性 'ng-app' は要素 'html' の有効な属性ではありません。
属性「ng-view」は要素「div」の有効な属性ではありません。

どこかに xsd 参照がありませんか?

4

12 に答える 12

65

私は同じ問題を抱えていましたが、次のことを行ったところ、役に立ちました。

ReSharper を使用している場合は、Intellisense を提供し、警告を表示しない拡張機能を追加できます。

VS のトップ メニュー>Resharper>Extension Manager>Search AngularJS これにより、angular js intellisense が追加されます。

- - - -編集 - - - -

Resharper 8.2.1 の使用 リシャーパー メニュー

ここに画像の説明を入力

于 2014-02-15T23:32:24.973 に答える
20

私はこれが古いことを知っていますが、それはまだ私にとって起こっていました. VS 2013 用に修正するには、次の手順に従います。

1) ファイル C:\Program Files (x86)\Microsoft Visual Studio 12.0\Common7\Packages\schemas\html\commonHTML5Types.xsd を開きます。

2) 次の行で始まるファイル内の領域を見つけます: <xsd:attribute name="translate">. 約 7 行下にスクロールして、対応する終了タグを見つけます。</xsd:attribute>

3) 終了タグのすぐ</xsd:attributeGroup>、次のコード行を貼り付けます。

<xsd:attribute name="ng-app" vs:category="Angular" />
<xsd:attribute name="ng-bind-html" vs:category="Angular" />
<xsd:attribute name="ng-bind-html-unsafe" vs:category="Angular" />
<xsd:attribute name="ng-bind-template" vs:category="Angular" />
<xsd:attribute name="ng-checked" vs:category="Angular" />
<xsd:attribute name="ng-class" vs:category="Angular" />
<xsd:attribute name="ng-class-even" vs:category="Angular" />
<xsd:attribute name="ng-class-odd" vs:category="Angular" />
<xsd:attribute name="ng-click" vs:category="Angular" />
<xsd:attribute name="ng-cloak" vs:category="Angular" />
<xsd:attribute name="ng-controller" vs:category="Angular" />
<xsd:attribute name="ng-csp" vs:category="Angular" />
<xsd:attribute name="ng-dblclick" vs:category="Angular" />
<xsd:attribute name="ng-disabled" vs:category="Angular" />
<xsd:attribute name="ng-form" vs:category="Angular" />
<xsd:attribute name="ng-hide" vs:category="Angular" />
<xsd:attribute name="ng-href" vs:category="Angular" />
<xsd:attribute name="ng-include" vs:category="Angular" />
<xsd:attribute name="ng-init" vs:category="Angular" />
<xsd:attribute name="ng-list" vs:category="Angular" />
<xsd:attribute name="ng-model" vs:category="Angular" />
<xsd:attribute name="ng-mousedown" vs:category="Angular" />
<xsd:attribute name="ng-mouseenter" vs:category="Angular" />
<xsd:attribute name="ng-mouseleave" vs:category="Angular" />
<xsd:attribute name="ng-mousemove" vs:category="Angular" />
<xsd:attribute name="ng-mouseover" vs:category="Angular" />
<xsd:attribute name="ng-mouseup" vs:category="Angular" />
<xsd:attribute name="ng-multiple" vs:category="Angular" />
<xsd:attribute name="ng-non-bindable" vs:category="Angular" />
<xsd:attribute name="ng-readonly" vs:category="Angular" />
<xsd:attribute name="ng-repeat" vs:category="Angular" />
<xsd:attribute name="ng-selected" vs:category="Angular" />
<xsd:attribute name="ng-show" vs:category="Angular" />
<xsd:attribute name="ng-src" vs:category="Angular" />
<xsd:attribute name="ng-style" vs:category="Angular" />
<xsd:attribute name="ng-switch" vs:category="Angular" />
<xsd:attribute name="ng-transclude" vs:category="Angular" />
<xsd:attribute name="ng-view" vs:category="Angular" />

ファイルを保存し、VS2013 を再度開きます。これで問題が解決するはずです。

于 2014-06-25T21:59:13.190 に答える
9

VS 2013 のパッケージ マネージャー コンソールからこれを実行することもできます: Install-Package AngularJS.Intellisense.

于 2015-03-06T22:51:42.587 に答える
2

Visual Studio 2013 Update 4 では検証が削除されていますが、AngularJS の IntelliSense は含まれていません。

カスタム要素、ポリマー要素、および属性のサポート

さまざまなフレームワークに多くのカスタム タグが存在するため、カスタム要素の不明なアトリビューターを検証しなくなりました。そのため、未知の要素の下に波線が表示されなくなります。

Visual Studio 2013 Update 4 RC の新しい Web 機能の発表

Visual Studio 2013 Update 4をダウンロードします。

検証は、HTML (Web フォーム) エディターではなく、HTML エディターでのみ削除されます。つまり、既定では、.html ファイルにはカスタム要素の検証がありませんが、.aspx ページにはあります。私のように、これが理にかなっていないと思われる場合は、.aspx ファイルのカスタム要素に投票して支持を示してください。

于 2014-10-23T18:46:15.843 に答える
1

同じ問題に直面しています。私のように VS 2013 に ReSharper をインストールしている場合は、AngularJS プラグイン (JetBrains が提供) をインストールすることで instellisense を取得できます。

方法は次のとおりです。

  1. VS2013 > ReSharper > 拡張機能の管理。
  2. Nuget online を使用して「AngularJS」を検索し、「インストール」をクリックします。

上記で必要なものが得られるはずです。画像ガイドが必要な場合は、こちらのリンクをご覧ください - http://jeeshenlee.com/2014/07/12/how-to-get-angularjs-intellisense-support-on-resharper/

于 2014-07-12T01:55:30.420 に答える
1

この投稿は古く、質問は具体的には VS 2013 に言及していることは知っていますが、まだVS 2010を実行していて、puargs ソリューションを適用したい場合は、C:\Program Files (x86)\Microsoft Visual Studio 10.0\ でファイルを見つけることができます。 Common7\Packages\schemas\html\html_5.xsd.

セクション内に puargs のコードを追加します<xsd:attributeGroup name="commonHTML5coreAttributeGroup">

Mads Kristensen は [applying this solution to VS 2012] 1についても説明し、ステップ 2 で 2012 の commonHTML5Types.xsd の更新バージョンへのリンクを提供しています。

また、puargs と Mads の両方のリストにng-viewの属性が欠落しているため、「属性名の後に等号 (=) 記号が続く必要があります」という警告が表示されることに注意してください。完全な要素は次のとおりです。<xsd:attribute name="ng-view" vs:category="Angular" vs:standalone="true"/>

于 2014-08-07T01:03:06.233 に答える
0

HTMLページのresharper intellisenseを無効にして、VS2013でangular intellisenseを取り戻しました

于 2013-12-21T04:05:03.813 に答える
0

警告を取り除くこともできます:

http://madskristensen.net/post/angularjs-intellisense-in-visual-studio-2012

于 2014-03-27T15:54:09.857 に答える