問題タブ [angular-strap]
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.
javascript - 角度ストラップ ライブラリを使用したアラート ボックスが機能しない
この例に従って http://plnkr.co/edit/uqSB1gIz6XEmJfC8zHNb?p=preview
そして、私はそれをまさにそのように手に入れましたが、それは私にとってはうまくいきません!! :( どうして??
index.htm に次のライブラリを含めています。
次に、モジュールを作成しているコントローラーから、例のように $angular.strap 依存関係を追加します。
そして、エラーが表示されているビューで、私はこれを行います:
「successAlert」メッセージを設定したコントローラーから、次のような値を追加するだけです。
まず第一に、コンソールでは何も触れずにこのエラーをスローしています:
TypeError: Not read property 'title' of undefined at Object.fn (
http://localhost:8080/RESTFulAngularJS/angular/angular-strap.js:40:35
) at f.$digest (http://localhost:8080/RESTFulAngularJS/angular/angular.min.js:99:141
) at f.$apply (http://localhost:8080/RESTFulAngularJS/angular/angular.min.js:101:369
) at f (http://localhost:8080/RESTFulAngularJS/angular/angular.min.js:67:175
) at Q (http://localhost:8080/RESTFulAngularJS/angular/angular.min.js:71:99
) at XMLHttpRequest.y.onreadystatechange (http://localhost:8080/RESTFulAngularJS/angular/angular.min.js:72:130
)
そして、アラートをトリガーする関数に入ると、これがスローされます:
ライブラリに問題はありますか? 皆さん、私を助けてくれますか? 本当に何が悪いのかわかりません...それは例とまったく同じ方法で適用され、スクリプトインポートの同じ順序です... :S
angularjs - AngularStrap bs タブ + スリムスクロールをタブに追加
ページにタブを追加するために Angularstrap の Bs-tabs ディレクティブを使用しています。1 つのタブ内にツリー ビューを表示しています。それに SlimScroll バーを追加したいです。両方のタブにスリム スクロールを追加できないなどの問題に直面しています。レールが来ています、スクロールが機能していません
angularjs - モーダルを閉じてページの場所を変更できません
Angular-Strap を使用してモーダルを提供していますが、モーダルを閉じてから別のページに移動する際に問題が発生しています。何らかの理由で、 $location.path を使用していない場合にのみモーダルを閉じることができます。追加すると、モーダル自体が閉じられ、新しいページに移動しますが、灰色の背景が残ります。コールバックを探していましたが、これら 2 つのアクションを一緒に行う方法がわかりませんでした。
モーダルコール
呼び出してモーダルを開く
モーダルで削除を押したときに行われる呼び出し
モーダルを削除
angularjs - ng-repeat boostrap-datepicker angular-strap $digest はすでに進行中です
次のように、angular-strap ディレクティブを使用して、ループ内に日付ピッカーを表示しています。
私のfirebugコンソールでは、そのエラーが表示されます:
ng-repeat 内にない日付ピッカーが 1 つしかない場合は、正常に動作します。何か案は?それとも、他の日付ピッカーを使用する必要がありますか?
angularjs - 式に基づいて角度を使用してポップオーバー (またはツールチップ) を動的に開閉する良い方法は?
検証に使用して、角度に配線されたフォームがあります。次のように ng-show ディレクティブを使用してエラー メッセージを表示できます。
..f
はフォームでt3
、送信が試行されたかどうかを検出するフォームのカスタム ディレクティブから取得され、フィールドの有効性をチェックする関数が含まれています。
私が達成しようとしているのは、代わりにポップオーバー内に検証メッセージを表示することです。ブートストラップのネイティブ ポップオーバー、またはUI Bootstrapのポップオーバーのいずれかをロードしました。そのライブラリを使用する方が簡単な場合は、AngularStrap を検討することもできます。
私が今苦労しているのは、一般的なポップオーバーの性質です-クリック、マウス入力、ぼかしなどのユーザーイベントに基づいて自動表示されます。私がやりたいのは、同じに基づいてポップオーバーを表示および非表示にすることです上記の ng-show 属性の関数。式が false を返したときに非表示にし、true を返したときに表示するようにします。
ブートストラップにはこのための .popover('show') があることは知っていますが、Angular に dom について何も伝えてはいけません。カスタムフォームコントローラー関数でこれを行います。何か不足していますか?
アップデート
重複投票で言及されている解決策では、マウスエンターのポップオーバーのみが表示されます。のように強制的に表示させたい$('#popover_id').popover('show')
。
javascript - AngularStrap のツールチップがカスタム ディレクティブを無効にする
パスワードの強度をチェックする「checkStrength」と呼ばれる独自のカスタム ディレクティブで動作する bs-tooltip AngularStrap ディレクティブを取得しようとしています。これらのディレクティブのいずれかを単独で使用すると、正常に機能しますが、一緒には機能しません。
これは bs-tooltip 付きのプランカーです。ツールチップは正常に機能しますが、カスタムの「checkStrength」ディレクティブは機能しません。
これは bs-tooltip のない plunker です。この場合、「checkStrength」ディレクティブは正常に機能します。
私は何を間違っていますか?
angularjs - bs-tooltip 内のディレクティブは評価されません
次のように、AngularStrap bs-tooltipプロパティ <ul>
内に独自のディレクティブ (checkStrength) を持つ要素を持たせようとしています。title
私が望む動作は次のとおりです。ユーザーが入力テキストボックスをクリックすると、テキストボックスに入力したパスワードの強度を示すツールチップが表示されます。
以下の 2 つのプランカーに示すように、これは機能しません。
bs-tooltip 外のカスタム "checkStrength" ディレクティブは正常に動作します: Plunker
bs-tooltip 内のカスタム "checkStrength" ディレクティブが機能しない: Plunker
angularjs - ngTable 内のドロップリストを選択すると、その範囲が失われます
Selects (select.js) ドロップリストを ngTable 内に配置し、テーブルの外側から選択を表示しようとすると、スコープが失われ、選択が表示されません。うまくいけば、私はこれを説明することができました。
これがプレビューです。プレビューでは、2 つの出力場所を持つ選択ドロップリストが表示されます。1つはテーブル内で機能し、もう1つはテーブル外で機能しません。