問題タブ [angularjs-bindings]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
1837 参照

javascript - ブロードキャストがディレクティブで受信されない

<main>私は、の間に親子のコントローラー関係を持ってい<div>ます<my-directive>

MainController 内で、次のものを使用して $broadcast を実行します。

AboutController 内で、次の方法でこの $broadcast を正常に受信できます。

ただし、リンク関数内で $broadcast を受信しようとすると、受信さ<my-directive>れないようです。

アップデート


ディレクティブ内にコントローラーを作成しました。

のログを見ることができます

しかし、.on は受信されません。

アップデート:


考えられる原因は、スコープが「準備ができていない」ためだと思います。

broadcastMainController からのオリジナルの中で、setTimeアウトの後に別のものを実行すると、すべて.onが受信されます。

メインコントローラー:

0 投票する
1 に答える
61 参照

angularjs - $watch がサブビューを更新しない

$scope.mode親で変更するこのディレクティブがあります$scope:

このディレクティブはmain.htmlと、サブビューをロードするui-viewに含まれています。

subviewTemplate.html :

サブビューには特定のコントローラーがなく、app.jsの設定から、親のコントローラーが使用されます。

main.htmlsubviewTemplate.htmlの両方で使用されるコントローラー:

main.htmlでは正しく更新され、subviewTemplate.htmlでは機能しない理由がわかりません。insideは正しい値を出力します。console.log$watch

何か助けはありますか?ここで何が間違っていますか?

0 投票する
2 に答える
824 参照

javascript - Angular 2 の innerHTML バインディング内でスクリプトをダウンロードする

アプリケーション内でニュース項目を表示している Angular 2 アプリケーションに取り組んでいます。ニュース項目はデータベースに保存され、Angular の [innerHTML] バインディングを使用してテンプレートに読み込まれます。

ニュース アイテムのコンテンツ内に埋め込みコンテンツ (ツイートなど) がある場合に問題が発生し、javascript ファイルを読み込む必要があります (例: //platform.twitter.com/widgets.js)。問題は、ページを解析した後でも、ブラウザーがファイルをダウンロードしないことです。

この問題を解決する方法を知っている人はいますか?ありがとう!

0 投票する
0 に答える
37 参照

angularjs - Angularjs の画像バインディングが機能しない

私はangularjsにかなり慣れていません。http://abc のような URL があります。この URL は変化し続ける画像を参照していますが、Angular では何らかの理由で新しい画像が参照されていません。たとえば、URL が A 画像を参照していて、B への参照を変更した場合、URL は依然として古い画像を参照しており、新しい画像を表示するには Web ページをリロードする必要があります。バインディングが正しく行われていないようです。この問題は非常に紛らわしいので、どのコード スニペットを参考にすればよいかわかりません。

0 投票する
2 に答える
160 参照

angularjs - 関数を使用してAngularJSバインディングでHTMLマークアップを正しく表示するにはどうすればよいですか?

私が抱えている問題を説明するために、次のコードがあります。

1 行目と 2 行目は意図したとおりに表示され、コードの代わりにスペースが表示されます。ただし、3 行目は & nbsp; を示しています。スペースの代わりにコード。

関数はコントローラーにあります。単純に:

この機能を意図したとおりに機能させるにはどうすればよいですか? (ngRepeater にアタッチされた select-options のテキストを変更するために必要です。)

0 投票する
1 に答える
400 参照

angularjs - Angular コンポーネント: 一方向バインディングと属性バインディングの違いは何ですか?

私はいくつかの角度コンポーネントを構築してきましたが、一方向 ("<") バインディングと属性 ("@") バインディングの実際の違いは何だろうと思っていました。

一方が他方よりも好ましいシナリオはありますか? 属性が常に不変の文字列であり、補間する必要があるのは簡単ですか?

0 投票する
0 に答える
73 参照

angularjs - ビューでバインドされた値が更新されない

指令

そのテンプレート:

コントローラ:

ディレクティブはによって呼び出されます

問題:

イベントは、HC_EVENTS.componentLoadedを含むビューのコントローラーによって発生します<hc-component-blocker animation="/images/spinner_black_16.gif"></hc-component-blocker>。これは、次のコード行で行います。 $scope.$broadcast(HC_EVENTS.componentLoaded);

コンソールに「コンポーネントがロードされている= true」と表示されるため、これが機能していることはわかっています

ただし、ビューは何も更新されません。ng-if="!componentBlocker.thisComponentIsLoaded"要素全体を削除する必要がありますが、そのまま残ります。また、{{componentBlocker.thisComponentIsLoaded}}「false」を表示し続けます。

ディレクティブのテンプレートが の更新された値で更新されないのはなぜcomponentBlocker.thisComponentIsLoadedですか?

ETA: 式で適切に動作するようです。値が機能しないのに、式が機能する理由を理解したいと思います。それは設計によるものですか?

0 投票する
1 に答える
215 参照

angularjs - モバイル ナビゲーション用の AngularJS ディレクティブ

モバイル ナビゲーションを切り替えるための AngularJS ディレクティブを構築しようとしていますが、機能しません。私は何を間違っていますか?

ディレクティブ

index.html

jQueryを使用すると、次のようになり、正常に動作します