問題タブ [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.

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

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

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

angularjs - AngularStrap bs タブ + スリムスクロールをタブに追加

ページにタブを追加するために Angularstrap の Bs-tabs ディレクティブを使用しています。1 つのタブ内にツリー ビューを表示しています。それに SlimScroll バーを追加したいです。両方のタブにスリム スクロールを追加できないなどの問題に直面しています。レールが来ています、スクロールが機能していません

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

angularjs - モーダルを閉じてページの場所を変更できません

Angular-Strap を使用してモーダルを提供していますが、モーダルを閉じてから別のページに移動する際に問題が発生しています。何らかの理由で、 $location.path を使用していない場合にのみモーダルを閉じることができます。追加すると、モーダル自体が閉じられ、新しいページに移動しますが、灰色の背景が残ります。コールバックを探していましたが、これら 2 つのアクションを一緒に行う方法がわかりませんでした。

モーダルコール

呼び出してモーダルを開く

モーダルで削除を押したときに行われる呼び出し

モーダルを削除

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

angularjs - ng-repeat boostrap-datepicker angular-strap $digest はすでに進行中です

次のように、angular-strap ディレクティブを使用して、ループ内に日付ピッカーを表示しています。

私のfirebugコンソールでは、そのエラーが表示されます:

ng-repeat 内にない日付ピッカーが 1 つしかない場合は、正常に動作します。何か案は?それとも、他の日付ピッカーを使用する必要がありますか?

0 投票する
6 に答える
86584 参照

angularjs - 式に基づいて角度を使用してポップオーバー (またはツールチップ) を動的に開閉する良い方法は?

検証に使用して、角度に配線されたフォームがあります。次のように ng-show ディレクティブを使用してエラー メッセージを表示できます。

..fはフォームでt3、送信が試行されたかどうかを検出するフォームのカスタム ディレクティブから取得され、フィールドの有効性をチェックする関数が含まれています。

私が達成しようとしているのは、代わりにポップオーバー内に検証メッセージを表示することです。ブートストラップのネイティブ ポップオーバー、またはUI Bootstrapのポップオーバーのいずれかをロードしました。そのライブラリを使用する方が簡単な場合は、AngularStrap を検討することもできます。

私が今苦労しているのは、一般的なポップオーバーの性質です-クリック、マウス入力、ぼかしなどのユーザーイベントに基づいて自動表示されます。私がやりたいのは、同じに基づいてポップオーバーを表示および非表示にすることです上記の ng-show 属性の関数。式が false を返したときに非表示にし、true を返したときに表示するようにします。

ブートストラップにはこのための .popover('show') があることは知っていますが、Angular に dom について何も伝えてはいけません。カスタムフォームコントローラー関数でこれを行います。何か不足していますか?

アップデート

重複投票で言及されている解決策では、マウスエンターのポップオーバーのみが表示されます。のように強制的に表示させたい$('#popover_id').popover('show')

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

javascript - AngularStrap のツールチップがカスタム ディレクティブを無効にする

パスワードの強度をチェックする「checkStrength」と呼ばれる独自のカスタム ディレクティブで動作する bs-tooltip AngularStrap ディレクティブを取得しようとしています。これらのディレクティブのいずれかを単独で使用すると、正常に機能しますが、一緒には機能しません。

これは bs-tooltip 付きのプランカーです。ツールチップは正常に機能しますが、カスタムの「checkStrength」ディレクティブは機能しません。

これは bs-tooltip のない plunker です。この場合、「checkStrength」ディレクティブは正常に機能します。

私は何を間違っていますか?

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

angularjs - bs-tooltip 内のディレクティブは評価されません

次のように、AngularStrap bs-tooltipプロパティ <ul>内に独自のディレクティブ (checkStrength) を持つ要素を持たせようとしています。title

私が望む動作は次のとおりです。ユーザーが入力テキストボックスをクリックすると、テキストボックスに入力したパスワードの強度を示すツールチップが表示されます。

以下の 2 つのプランカーに示すように、これは機能しません。

bs-tooltip 外のカスタム "checkStrength" ディレクティブは正常に動作します: Plunker

bs-tooltip 内のカスタム "checkStrength" ディレクティブが機能しない: Plunker

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

angularjs - ngTable 内のドロップリストを選択すると、その範囲が失われます

Selects (select.js) ドロップリストを ngTable 内に配置し、テーブルの外側から選択を表示しようとすると、スコープが失われ、選択が表示されません。うまくいけば、私はこれを説明することができました。

これがプレビューです。プレビューでは、2 つの出力場所を持つ選択ドロップリストが表示されます。1つはテーブル内で機能し、もう1つはテーブル外で機能しません。

http://plnkr.co/edit/tQYmRrTjXOhTohsESpNo?p=preview