[解決済み】$onと$broadcastの角度の関係
2022-04-16 14:38:07
質問
footerControllerとcodeScannerControllerを異なるビューで使用しています。
angular.module('myApp').controller('footerController', ["$scope", function($scope) {}]);
angular.module('myApp').controller('codeScannerController', ["$scope", function($scope) {
console.log("start");
$scope.startScanner = function(){...
をクリックすると
<li>
というイベントをcodeScannerControllerで取得する必要があります。
<li class="button" ng-click="startScanner()">3</li>
で実現できると思います。
$on
と
$broadcast
が、やり方がわからないし、例もどこにもない。
どのように解決するのですか?
もし、あなたが
$broadcast
を使用します。
$rootScope
:
$scope.startScanner = function() {
$rootScope.$broadcast('scanner-started');
}
そして、受信するためには
$scope
を作成します。
$scope.$on('scanner-started', function(event, args) {
// do what you want to do
});
必要であれば
$broadcast
:
$rootScope.$broadcast('scanner-started', { any: {} });
そして、それを受け取る。
$scope.$on('scanner-started', function(event, args) {
var anyThing = args.any;
// do what you want to do
});
このためのドキュメントは スコープ・ドキュメント .
関連
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] let "と "var "の使い分けは?
-
[解決済み] callとapplyの違いは何ですか?
-
[解決済み] URLを新しいタブで開く(新しいウィンドウではない)
-
[解決済み] JSONPとは何か、なぜ作られたのか?
-
[解決済み] angular-routeとangular-ui-routerの違いは何ですか?
-
[解決済み] Reduxの非同期フローになぜミドルウェアが必要なのか?
-
[解決済み] ng-repeat内のng-click関数にパラメータを追加しても、うまくいかないようです。
-
[解決済み] デベロッパーツールを使って、Chromeのボタンや要素で実行されるコードを調べる方法
-
[解決済み] モデルデータや振る舞いをどこに置くか?[tl; dr; サービスを利用する]
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】このエラーの原因は何ですか - "Fatal error: ローカルgruntを見つけることができません"
-
[解決済み] Uncaught TypeError: 未定義のプロパティ 'top' を読み込めない
-
[解決済み】JavaScriptのinnerHTMLで要素が更新されない
-
[解決済み】JavaScriptのボタンonclickが機能しない
-
[解決済み] エラー。モジュールhtmlが見つからない
-
[解決済み】React、Uncaught ReferenceError。ReactDOMは定義されていません
-
[解決済み】 Uncaught Error: Invariant Violation: 解決済み】 Uncaught Error: Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function but got: object.
-
[解決済み】Vueのテンプレートまたはレンダー関数が定義されていない 私はどちらも使っていないのですが?
-
[解決済み】 Uncaught Reference Error: stLight is not defined (in Chrome only)
-
[解決済み】Syntax error: JavaScriptの不正なreturnステートメント