問題タブ [angularjs-ng-include]

ng-viewの中に を追加しようとしてng-includeも、何も起こりません。たとえば、次のコードでは、themes/midnight/index.htmlが を保持しているng-view場合、ビューはレンダリングされません。

ただし、以下のコードを使用すると、ビューが 2 回表示されます。

何が問題で、どうすれば解決できますか?

コードの問題を特定するのに助けが必要です。Angular.js は入力値をng-modelにバインドしていますが、これは私が望んでいるものではありません。次のような ng-include を含む角度リピーターがあります。

含まれる項目テンプレートは、item.template に基づく単純な入力フィールドです。問題のあるタグは <textarea> と <input> です。

つまり、これを含めます：

アイテムは次のようになります。

したがって、上記のものがレンダリングされると、

しかし、問題は、入力フィールドに値として項目番号があり、値を変更するとラベルも変更されることです。value=""またはplaceholder="blah"を入れても、この動作は引き続き発生します。

私はまだそこまで行っていませんが、モデルも番号で更新されていると思います。

私はそこで何が間違っていますか？

ng-includeキーボード イベントで、ディレクティブのsrc値を動的に変更したいと考えています。

状況:

ng-includeルーティングを必要とせずにパーシャルを含めようとしています。多くの特定の部分を動的に含めたいだけです。これは多かれ少なかれ次のようになります。

それは動作し、パーシャルが含まれています。しかし、コンソールを見ると、コントローラーが数回呼び出され、最初に呼び出されたときに 404 が返されることがわかります

GET path/to/partials/undefined.html [HTTP/1.1 404 Not Found 162ms]

初めてインクルードしたとき、something.idが定義されていないようです。

質問:

• 新しいスコープを作成せずに、単にパーシャルを含めるにはどうすればよいですか?
• それが不可能な場合、コントローラーが一度だけ呼び出されるようにするにはどうすればよいですか?
• どうすれば404を回避できますか?

私はAngularJSにかなり慣れていないため、物事について間違った仮定をしたり、明らかなことを見落としたりする可能性があります。教えてください。

だから私はこの例を完成させようとしています: http://jsfiddle.net/pkozlowski_opensource/WXJ3p/15/

ただし、何らかの理由で、ある div をクリックしてから別の div をクリックすると、前の div から「アクティブな」クラスが削除されないため、両方が強調表示されるため、すべてをクリックすると、すべての div でクラスがアクティブになります。そのうちの。フィドルの例のように、ボディの他の場所をクリックしたり、他の div をクリックしたりすると、実際にクラスが削除される場所に移動したいと考えています。

私のjsFiddle http://jsfiddle.net/GeorgiAngelov/jUj56/4/

テンプレートからのコンテンツを含む div を DOM に動的に挿入する AngularJS サービスと、テンプレート内のバインディングとディレクティブを処理するカスタム コントローラーを作成しました。と呼ばれるサービスを使用すると、およびをオプションとしてmyService渡すことができます。以下は単純化されたコードです。templateUrlcontrollerName

ng-click複数のアンカー タグを処理する DOM に別のコントローラーがあります。

私は a を使用しておらず$routeProvider、アンカータグに href 属性も id 属性もありません。クリック関数はカスタム サービスを呼び出して div をレンダリングします。

ページが Chrome ブラウザーに読み込まれ、下にスクロールして のリンクng-clickが表示されるようにし、リンクをクリックすると、ブラウザーがページの上部にスクロールします。ページをスクロールしたくありません。リンクの横に div を表示するだけです。場所の URL に変更はありません。下にスクロールすると、新しい div が表示されます。で別のリンクをクリックすると、ng-clickスクロールは行われません (これは最初のクリックでも必要でした)。ページを更新すると、どのリンクを最初にクリックしても関係なく、最初のクリックで常にブラウザがビューポートの上部にスクロールして戻ります。

新しい要素にディレクティブを配置せず、ng-include代わりにテンプレートの HTML をサービスにハードコーディングすると、最初のクリックでページの上部にスクロールしません。

ngInclude のドキュメントには、オプションの属性を指定できると記載autoscrollされており、属性が設定されていない場合は「自動スクロールが無効になる」と記載されています。そうではないようです。自動スクロールを「false」に設定しようとしましたが、それは役に立ちませんでした。

$anchorScrollProvider.disableAutoScrolling()すべての自動スクロールを無効にできることはわかっていますが、特定のタグの自動スクロールを無効にするにはどうすればよいですか? これは報告すべき Angular のバグですか? もしそうなら、そのバグが修正されるまで使用できる回避策はありますか?

編集:これは、問題を示すプランクです。