問題タブ [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 に答える
1771 参照

angularjs - AngularUI Typeahead + モデル値の変更

都市を提案するテキストボックスがあります。私は提案のためにangualar-uiタイプアヘッドを使用しました。現在、すべてが正常に機能しているようです。

$scope.cancel を使用して角度を介してフォームをリセットすると、UI に反映されず、フォームが汚れているように見えるため、モデルが正しい値にリセットされないように見えます。タイプアヘッドを持たないフィールドでは問題なく動作します。

誰かがこれに出くわしましたか?

コード:

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

0 投票する
4 に答える
70380 参照

angularjs - AngularUI Bootstrap で特定のテンプレートをオーバーライドできますか?

ui-bootstrap-tpls ファイルから単一の特定のテンプレートをオーバーライドする方法があるかどうかに興味があります。デフォルトのテンプレートの大部分は私のニーズに合っていますが、すべてのデフォルトのテンプレートを取得して非 tpls バージョンに接続するプロセス全体を実行せずに置き換えたい特定のテンプレートがいくつかあります。

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

angularjs - AngularJS + UI Bootstrap Typeahead: オブジェクトから入力フィールドに値をプリロードする

AngularJS + UI Bootstrap Typeahead を使用して入力フィールドにオブジェクトの name 属性を入力しようとしていますが、フォームの送信時にこのオブジェクトの id 属性を使用する必要があります。

問題は、以前に保存した値で入力をプリロードしようとすると、name 属性の値ではなく、id 属性の値が入力内に表示されることです。

jsフィドル

name 属性の値をプリロードしながら、必要な機能を維持するにはどうすればよいですか?

0 投票する
4 に答える
10130 参照

angularjs - angularブートストラップで初期静的タブを設定する

角度のあるブートストラップ タブセットで初期タブを設定できないようです。常に一番左のタブをアクティブに設定します。

与えられたhtml:

そしてjs:

プランカーを見る

2013 年 8 月 6 日更新: アップストリームが修正されました。github の問題を参照してください。

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

angularjs - ui-bootsrap ページネーション: ページの読み込み時に最初のページ ボタンが無効にならない

ng-include 内の要素のリストを表示しています。要素のリストは、$resource queryサービスを使用するサーバーから取得されます。
リストはui-bootstrap ページネーションディレクティブでページ分割されます。サーバーは Json ヘッダー内のページネーション情報を送信し (プロパティの名前は X-MyApp-…)、queryコールバック関数によってインターセプトされます。

ここにhtmlがあります:

tplList.html :

そしてコントローラー:

とサービス:

ページが読み込まれると、ページネーション コンポーネント内の最初のページ ボタン (「1」) が本来のように無効になりません (「前」ボタンと「最初」ボタンも無効になりません)。別のページ番号(選択すると正しく無効になります)をクリックしてから、最初のページボタンをクリックするまで無効になりません。

何か案が ?

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

angularjs - Angular-ui Bootstrap を使用して先行入力のオプションを設定する

先行入力を使用して、標準の Bootstrap先行入力オプションとして利用できるいくつかのオプションを設定しようとしています。

次のコードを使用すると、「typeahead-min-length」としてインラインで「minLength」プロパティを設定できますが、「typeahead-items」と同じように「items」で同じことを行うことはできません。これを行う別の/より良い/標準的な方法はありますか? オプションの配列を $scope にアタッチする方法はありますか?

更新: jQuery を使用せず、AngularJS のみを使用しようとしています。

これは私のコントローラーです:

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

angularjs - Angular UI Bootstrap の Typeahead と Alert を組み合わせようとしています

タイプアヘッドの結果を取得して、ブートストラップアラートに貼り付けようとしています。ユーザーが先行入力選択から複数回選択できるようにして、これにより複数のブートストラップアラートを作成できるようにしたいと思います。

これが私のサンプルです。現在、2 つの問題は次のとおりです。

  1. サンプルとしてもアラートが機能しない
  2. Alert と Typehead が互いに通信していない

    jsfiddle

私のhtml:

私のJS:

ユーザーが提案されたオートコンプリートを選択すると、ユーザーの選択の結果が次のように表示されます。json}}。その選択を DOM に残しておき、ユーザーがもう 1 つの項目を選択できるようにしたいと考えています。次に、ユーザーが選択肢を削除できるようにしたいと思います (ボタンまたは [x] をクリックします)。

これを実装する 1 つの方法は、( ui.bootstrap.alert ) を使用してユーザーの選択を記録することだと思います。

これが Alert を使用せずに可能であれば、それも問題ありません。