問題タブ [angular-ui-bootstrap]

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 に答える
327 参照

javascript - angular ブートストラップ ダイアログが開かない

私は次のコードを持っています:

これは、次のようなディレクティブで使用されます。

このコードは bar を出力しますが、foobarbazz は出力しません。角度付きブートストラップにデバッグを貼り付けると、open メソッドに入り、promise を返しますが、ダイアログは開きません。

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

なんで?

0 投票する
3 に答える
28687 参照

angular-ui-bootstrap - angular-ui-bootstrap の datepicker と timepicker をポップアップで使用する

ユーザーが入力フィールドで特定の日時を選択できるようにする必要があります。

Jquery の依存関係を回避するため、 angular-ui-bootstrap ライブラリを使用したいと思います。問題は、datepicker と timepicker が含まれている場合でも、適切なレイアウトのポップアップにそれらを含めることができないように見えることです。

angular-ui-bootstrap でやりたいことを正確に行うコンポーネントを見つけました: http://www.malot.fr/bootstrap-datetimepicker/demo.php

問題は、Jquery を使用しており、多くの JavaScript ファイルを含める必要があり、このためにページが少し重くなることです...

angular-ui-bootstrap github リポジトリで調査したところ、私の問題に部分的に対処するプランカー サンプルを含むこの問題が見つかりましたが、この例では時間を選択する可能性はありません。

現時点で、angular-ui-bootstrap の datepicker と timepicker を使用して日時を選択できるかどうかを知っている人はいますか?

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

angularjs - Web サービスからの AngularJS オブジェクト

クライアントで定義されたモデルがあります。

ngGrid を使用してデータを表示しています。

コントローラーで行うことは非常に単純です。サービスを呼び出して、ng グリッドにデータを入力します。

私のホテルはすべて同じタイプです。良ければグリッドの最初の行。

10 - 最高のホテル

しかし、他の行の説明は空です

11 -

12 -

サービスから得られるものを見ると、ホテルの配列を取得していることに気付きました。hotels[0].Type は $id = 2 のオブジェクトで、すべてのプロパティ (Description : "Best hotel" など) を持ちます。そして、それは他のホテルの他のすべてのタイプと同じです。これが、ng grid が最初の行にのみ説明を表示している理由だと思います。

これを修正する方法を知っている人はいますか?

ng グリッドのすべての行に説明を表示したい..

ありがとうございました。

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

angularjs - テーブルのように動作するようにアコーディオンを変更する

4 時間、私はアコーディオン テンプレートをテーブル行のように見えるように変更しようとしました。基本的に、各行要素がアコーディオングループであるテーブルが必要です。クリックすると、その特定のアイテムに関する詳細が折りたたまれて表示されます。

これに似た感じにしたいです(マークアップが貧弱ですみません、ただのデモです):

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

これまでのところ、これはおそらく私が得た最も近いものです:

http://plnkr.co/edit/0tD8xcHJknTQhXQgABXJ?p=プレビュー

アコーディオンをテーブルのように見せる方法について、誰かが段階的に教えてくれませんか?

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

angularjs - ツールチップが ng-repeat 内で間違って配置されている

以下は、適切な場所にあるツールチップ テキストを示しています。

以下は、下の画面の半分のツールチップを示しています (各要素の距離が増加しています)

これは HAML で記述されているため、プレーンな HTML では最後の 2 行は次のようになります<span tooltip="TEST">test</span>

Rails $Resourcepointsを使用してフェッチされますが、通常の $resource を使用すると同じ問題が発生します。

Angular UI Bootstrapの tooltip ディレクティブを使用しています。アプリケーションは Ruby on Rails 4.0 でビルドされ、angularjs-rails gem (不安定版) を使用します。

おそらく、私のサイトの CSS は何らかの形で複雑すぎて、ロード後にこれらのツールチップを再処理する方法を見つける必要があると思います。

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

angularjs - AngularJS BootstrapUI Typeahead では、$viewValue とは何ですか?

http://angular-ui.github.io/bootstrap/を使用して、Angular で先行入力を実装しようとしています。

簡単なはずですが、次のエラーが表示されます。

グローバル シンボル$viewValueには明示的なパッケージ名が必要です。

とは$viewValue? 定義されていないようです。

ありがとう

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

angularjs - オブジェクトと選択機能を備えた AngularJS BootstrapUI Typeahead

http://angular-ui.github.io/bootstrap/を使用して Angular で先行入力を実装しようとしています。先行入力フィールドには完全な住所が表示されますが、クリックすると別のフィールドにその住所の郵便番号だけが入力されます。これには ng-change または ng-click を使用しようとしていますが、成功しません..

http://jsfiddle.net/UxTBB/2/

何か案は?

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

angularjs - UI ブートストラップの先行入力が promise を解決しない

問題の説明

こんにちは、UI-Bootstrap の先行入力に問題があります。先行入力の使用法を示す標準的な例がホームページにあります。

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

typeaheadこの例は、ディレクティブ で約束を使い始めるまではうまくいきます: http://plnkr.co/edit/ZuUBDOPcOJIW0Bkskrb5?p=preview

変更は非常に簡単です。変数の直接初期化を $timeout サービスを使用した遅延初期化に置き換えました。その結果、先行入力が機能しなくなりました。

質問:

私は何を間違っていますか?UI-Bootstrap のタイプアヘッドは次のように明確に述べられています。works with promises and it means that you can retrieve matches using the $http service with minimal effort

ありがとうございました、