問題タブ [angular-ui]

ばかげた質問で申し訳ありませんが、誰もが AngularUI の使用を開始する方法を知っていますか? Github からダウンロードし、README の説明を読みましたが、何をしなければならないのかまだわかりません。

Angular UIをインストールしたばかりですが、動作させるのに問題があります。これが私が従ったステップです：

index.html（Angular v1.0.1、AngularUI v0.2.1）

app.js

私のhtml

そして、私はこのエラーを受け取ります：

ChromeでJSコンソールを使用すると、これは機能します。

私は何が間違っているのですか？

誰かが Bootstrap のスクリプトを AngularJS に移植したかどうか知っていますか?

アプリにBootstrap の分割ボタン ドロップダウンが必要で、jQuery を取り込むのは避けたいと思っています。

このレポからアコーディオンを機能させることができません: https://github.com/angular-ui/bootstrap

タイトルが表示されないようですが、その理由はわかりません。

HTML:

JS:

AngularJS + Ajax 機能を備えた Angular-UI Select2 による双方向データバインディング。

Select2 ドロップダウン Ajax 動作を一般的な方法で実装するためのディレクティブを作成しました:- (formatResult、呼び出す formatSelection メソッド、および url を取得するために必要な属性はほとんどありません)。

私の問題は、「編集モード」で値をロードする方法です。ドロップダウンから選択された値は formatselection メソッドで受信されますが、画面のロード中に、バインドされているのと同じ値からドロップダウンをロードしたいと考えています。例：-

フォームウィザードを使用して角度でjqueryパススルーを試してみましたが、うまくいきました。しかし今、私は問題を抱えています。フォームウィザードのステップがディレクティブ内にある場合、jquery パススルーが機能しないようです (最初のステップだけではなく、すべてのステップが表示されます)。

私の activityWizardStep ディレクティブは次のようになります。

そして、wizard_step.html:

前述したように、すべてのステップが常に表示されます。jqueryパススルーがフォームウィザードを初期化しようとしたときに、ディレクティブやインクルードがDOMに完全にないなど、これはある種のタイミングの問題だと考えています。これは何が起こっているのですか？もしそうなら、私は $timeout を使用する必要がありますか? もしそうなら、どこに置きますか。おそらくもっと良い方法があります。何かご意見は？

ので、私は持っています ：

それはうまくいきます。div カレンダー 'date2' は、以前の ui-date 入力、つまり入力ボックス 'date1' の変更に従います。

AngularUI は素晴らしい仕事をしました。1 つのページに複数の入力 + div カレンダーが存在する場合、旅行代理店の予約ページを想像してみてください。「date4」は「date3」と自動的にグループ化され、「date6」は「date5」と自動的にグループ化されます...等 素晴らしい。

ただし、私のサンプル コードでは、<input ng-model="date1" ui-date>バックスラッシュ区切り文字 'MM/dd/yyyy' を使用した US 形式でのみ機能します。

私の質問は、デフォルトの入力日付形式を変更するにはどうすればよいですか? 入力として iso-8601 'yyyy-MM-dd' を使用したい場合、ui-date はそれを有効な入力として認識しないようです。

試しui-date="yyyy-MM-dd"てみましたが、効果はないようです。

Angularは、リンク関数内で現在のスコープのインスタンス要素を提供します。

iElement角度パスは、標準のHTML要素を超えた処理を実行できます。Angularはこれをどのように行いますか？最初にjQueryでラップしますか？

このangular-uitinymce実装のリンク要素は、どのようにしてtinymceメソッドを取得しますか。たとえば、49行目に以下に示すメソッドを使用します。

ui-tinymce属性がuiTinymceという名前のディレクティブにリンクしていて、そのtinymceがメインのhtmlに含まれていることがわかりましたが、elmがどのようにメソッドtinymceを取得するのかわかりません。

参考までに、以下のhttp://docs.angularjs.org/guide/directiveからiElementに関する関連ドキュメントを提供しました。

リンク機能：

リンク機能は、DOMリスナーの登録とDOMの更新を担当します。>テンプレートが複製された後に実行されます。これは、ほとんどのディレクティブロジックが配置される場所です。

scope -Scope-時計を登録するためのディレクティブによって使用されるスコープ。

iElement -instanceelement-ディレクティブが使用される要素。子はすでにリンクされているため、postLink関数でのみ要素の子を操作しても安全です。

angular uiのソート可能でコールバック関数を設定する方法はありますか? 以下の tbody タグに ng-update="foo()" を追加して、リストが変更されるたびに foo を実行したいと思います。

ありがとう！

状況: 移植中、または移植中と言うべきかLakshan Perera の Simple jQuery ColorPicker (https://github.com/laktek/really-simple-color-picker) を Angular に移植します。SO で同様の問題を確認した後、コントローラーを介してプラグインのスコープを割り当てる人もいるようですが、これを行う適切な (Angular) 方法は、プラグインをディレクティブにラップすることです。私は近づいています。新しいカスタム属性を介してプラグインをビューに適切にレンダリングできますが、入力値を属性の値 (ng-model) に渡すディレクティブを設定する方法がわかりません。実際の入力は更新されますが、Angular は変更をリッスンしていないため、実際には入力値が更新されたことを認識していません。公式ドキュメントでは、カスタム属性の設定について説明しています (http://docs.angularjs.org/guide/directive)。

望ましい機能 -

これが私がこれまでに持っているものです：

質問: 要素の更新された値を取得するために属性値を設定するにはどうすればよいですか?