問題タブ [angular-directive]

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 投票する
0 に答える
62 参照

javascript - Angular:分離スコープでattr.xとscope.xを使用して属性にアクセスすることの違いは何ですか?

違いはありますか?どんな場面でどちらがいい?attr.xこの段階ではスコープがまだ初期化されていないため、私が知っている唯一のケースは templateUrl です。

これら2つが交換できない他のケースはありますか?

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

javascript - 空の配列でAngularの双方向データバインディングが機能しない

ポップアップ バブルのディレクティブがあります。ポップアップに表示されるボタンは、オブジェクトの配列として属性で提供されます。

JS (コントローラー)

ディレクティブは次のようになります。

HTML

JS (ディレクティブ)

これはうまくいきます。ただし、必要なのは、バブルにボタンがない状態で開始し、アプリケーションでイベントが発生したときにボタンを追加することです。したがって、空の配列から始めて、$scope.buttons.push(obj)各ボタンを追加するために使用します。配列を置き換えるのではなく、元の配列を維持することに注意してください。そのため、データバインディングが壊れてはなりません。ただし、新しいボタンはバブルに表示されず、デバッグは、ボタンがディレクティブ スコープに追加されていないことを示しています。

実験した後、空でない配列から始めて追加すると、うまく機能することが偶然わかりました。空の配列でAngularデータバインディングが壊れるのはなぜですか? この問題を回避するにはどうすればよいですか?

編集

イベントが呼び出されng-click、次のようになります。

JS (コントローラー)

0 投票する
5 に答える
6102 参照

javascript - angularタイマーディレクティブがイオンフレームワークで機能しない

イオン フレームワークで角度タイマー ディレクティブを実装する際に問題が発生しています。 http://siddii.github.io/angular-timer/

bower または google cdn を使用してコードを実装すると、問題はありません。

ただし、イオン バンドル http://code.ionicframework.com/1.0.0-beta.13/js/ionic.bundle.js を使用すると、タイマーを動作させることができません。また、コンソールにエラーが表示されないようです。

これは既知の問題ですか?

それが機能するのを妨げているのは何ですか?

人々が推奨できる別のタイマーはありますか? これは私にとって最高のようでしたか?

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

javascript - ディレクティブを介して呼び出すと、ngTagInput で JavaScript コンソール エラーが発生する

私は[ngTagsInput][1]自分のangularjsプロジェクトに実装しようとしています。以下は私のセットアップです

そして私の見解(myview.html.haml)

と同じです

** 上記のコードは、ngTagInputプラグイン Web サイト自体からコピーしました。CDN を使用して、プラグイン Web サイトと同じバージョンをロードしています。しかし、タグを入力すると、JavaScriptコンソールで次のエラーが発生します

それは約束と関係があるように見えます。(私はかなり新しく、angularjs推測しているだけです)、しかし、ウェブサイトに示されている例ではどのように機能するのだろうか

しかし、ページの読み込みでタグを読み込むと、問題なく動作します。ここで何が問題になる可能性があります。どんな助けでも大歓迎です

@Pierreコメントの後に編集すると、私の新しいコードは次のようになります

おそらく最も重要な部分を忘れてしまったのでしょう。このタグの autocomplete メソッド ( in controller) をdirective. (ごめんなさい... :()

recipeform.tags私のモデルです

両方のjsコードは、前と同じエラーを出します:(

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

angularjs - 週ごとのページネーション - AngularJS

AngularJS で週ごとに (ng-repeat を使用して) イベントのリストをページ分割しようとしています。現在の週のイベントのみを表示するカスタム フィルターが機能していますが、将来および過去の週を表示する機能を追加しようとしています。

イベントリストに使用しているフィルターは次のとおりです-

ng-click を使用して、moment.js を .add(7, 'days'); に使用する関数を呼び出してみました。weekStart 変数と weekEnd 変数に追加しましたが、機能していないようです。

どんな助けでも大歓迎です。

これは、基本的な機能が実行されている CodePen です - http://codepen.io/drewbietron/pen/xbKNdK

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

angularjs - AngularJS : ディレクティブを使用した UI-router 設定構成

UI-router の構成設定を理解しており、正常に動作しています。現在、次の構成をディレクティブに移動しようとしています。そのため、コードの長さは js ファイルで短縮されます。たぶん、それは貧弱なデザインですが、私はこれを達成したい:)

現在の構成 (UI ルーターの設計による)

私が変えようとしていること

ディレクティブから UI ルーター構成を追加する方法は? 設定できる API はありますか? またはこれを処理する他のより良い方法...私の意図は、構成ブロックのコードを減らすことです。