問題タブ [angular-ui-bootstrap]

私は AngularJS + UI Bootstrapによって提供される「モーダル」ディレクティブを使用しています。モーダル ダイアログ ボックスはうまく機能しますが、1 つ問題があります。それは、URL が変更されないことです。

たとえば、私の AngularJS アプリには、"/people" のルートが設定されており、人のリストが表示されます。ユーザーが人をクリックすると、モーダル ダイアログ ボックスが表示され、詳細情報が表示されます。実際に $routeProvider にコントローラーを再実行させずに URL を変更する方法を見つけようとしています。

たとえば、ルートに次のようなものを含めることができます。

次に、PeopleCtrl で次のことができます。

これは基本的に、人の行を ng-click でバインドするのと同じ関数を呼び出します。これは、アプリが /people/123 のような URL に応答できるようにするという点では機能しますが、URL を /people から /people/123 にジャンプさせ、モーダルとして /people に戻す方法がわかりません。ダイアログボックスが開閉します。

明らかに、私は単に $location.path("/people") を呼び出すことができますが、それに関する問題は PeopleCtrl が再実行されることであり、モーダルの「背後」の状態を保持する必要があるため、それを避けたいと考えています。

つまり、通常の $routeProvider の変更が検出されずに URL/場所を変更する方法を探しています。

ありがとう！

angular-ui ブートストラップアラートにリンクを含めるにはどうすればよいですか?

試み：

プランカーの例

HTML

脚本

ui-bootstrap modal で再利用可能なディレクティブを作成しようとしています。

オプション以外はほぼ動いてる

ここにディレクティブがあります：

}))

および tplModal.html

にもかかわらず、scope.optsフェード効果はありません。

ここにコード全体があります: http://plnkr.co/edit/Ab4BOH?p=preview

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

UI ブートストラップ datepicker のデフォルトの日付を設定しようとしています。日付は json から取得され、Unix タイムスタンプ形式です。

ディレクティブ内で、日付を変換してngモデルにバインドしようとしています

しかし、JavaScriptエラーが発生します:

ここにプランカーがあります: http://plnkr.co/edit/a9gfH8?p=preview

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

モジュールをangular使用したアプリケーションがありui-bootsrapます。ui.bootstrap.collapse要素を使用しようとしています。

私のコントローラー：

そしてテンプレート：

しかし、 をクリックするとlogger_button、何のアクションもありdivません。折りたたまれていませんか?

正しく行う方法は？

アップデート。解決策が見つかりました。問題はにありました<i class="icon-file"></i></div>。

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

私が見る限り、AngularJS のダイアログで Enter キーを処理するための推奨される方法は、ダイアログ内に <form> タグと送信ボタンを配置することです。

当然のことですが、Angular-UI とその $dialog サービスを使用すると、Enter キーを押すとフォームが静かに閉じます。それを傍受する方法はありません。ハンドラーを ng-click または ng-submit にアタッチしても、フォームは結果を返さずに閉じます。

他にやらなければならないことはありますか

[編集]

「キャンセル」ボタンのタイプが「ボタン」であることを明示的に指定する必要がありました。デフォルトは「提出」のようですか？

だから、私のHTMLフォームのスキルを除いて、本当の問題はありませんでした:)

閉じることができるタブを作成したい (すべてのタブに小さな "x" がある chrome タブや firefox タブなど)。この機能を追加するために UI-Bootstrap で既製のタブ コンポーネントを構成する方法は?

ありがとう。

私は Angular に取り掛かっており、Angular の優れた用途をいくつか見つけました。Angular UI-Router を使用して、クライアント用のカスタム ナビゲーションを作成しました。それは非常に簡単ですが、これを行うための「よりクリーンな」単純化された方法があるかどうか疑問に思っています。

現在使用しているコードは次のとおりです。

これは、ネストされたナビゲーションの 1 レベルのみです。各レベルに複数のリンクまたはアイテムがある場合、これは長くて雑然としたコードになります。これをコーディングするためのより簡潔で簡単な方法はありますか?

私はこの方法で問題ありません。これを行うには、より良い、よりクリーンな方法が必要だと思いました。