問題タブ [angularjs-directive]

currentVertical が変更されたときに、素敵なフェードアウト + フェードイン トランジションを実行しようとしています。ノックアウトではとてもシンプルでしたが、ここでは理解できません。助けてください。

次のコードは、LI 要素がクリックされたときに $scope.currentVertical の価格配列に「バインド」された UL リストを表示し、$scope.currentVertical が変更され、それに応じて UL リストが更新されます。これは正常に動作しますが、$scope.currentVertical が変更されたときに #container div 全体をフェードアウトおよびフェードインしたいと考えています。助けてください...

私のHTML：

私のJavaScript：

だから、angularjsを使った仕事の初日、私はそれをよく理解していません。angularディレクティブを使用してhtml5プレースホルダーを模倣しようとしています。フィールドに ng-model を追加するまで完全に機能し、ユーザーがフィールドを操作してフィールドの値を壊した後にのみ機能します。

ここにコードを書いてください http://jsbin.com/esujax/32/edit

指令

html

とてもシンプルに思えますが、私は迷っています

AngularJS と Reveal.js を使用してスライドショーを作成しています。フォームが必要であることを明らかにする

横スライド用。垂直スライドには 2 つのセクションがあります。

angularを使用してこのページをレンダリングしています：

複数のステップがあるスライドは垂直にする必要があります。他のすべては水平でなければなりません。コントローラーはステップを返し、Reveal を設定します。

ディレクティブは、ステップの周りに新しい要素と属性を追加する必要があります。これが私の醜い、恥ずかしい、命令的な、jQuery のようなディレクティブです。

これをAngularコードのように書くにはどうすればよいですか? jsfiddle

コンパイル、リンク、置換、ng-switch を試してみましたが、すべて役に立ちませんでした。

Angular API リファレンスを見ています。ngController はディレクティブであると述べており、次の例を示します。

これは、引数 $scope が渡されたプレーンな Javascript 関数とまったく同じように見えます。

Angular は $scope 引数を持つ関数をコントローラー ディレクティブとして扱いますか? または、DOM 要素を変更して ng-controller = "SettingsController" を含める場合にのみ、SettingsController はそのように解釈されますか?

私には2つのディレクティブがあります：

および関連するテンプレート：

あなたが見ることができるように、それぞれng-switch-whenが持っています：

ダブルdiv、これは悪いテンプレートだと思います。ただし、divを削除すると：

更新：このエラーが発生します：

ただし、divを使用せずにテンプレートコードを直接htmlページに使用すると（ディレクティブを使用せずに機能します）

私が持っているとしましょう：

...その後、innerHTMLは未定義です。これはAngularがDOMを処理する方法によるものだと思います。innerHTMLを取得する正しい方法は何ですか？

それに応じてテンプレートを変更するために、ユーザーが自分自身であるかどうかを確認するために、Angularjs でディレクティブを使用しようとしています。

例えば

確かに、これはこの問題に対する最善のアプローチではないかもしれませんが、現時点ではこれ以上の方法は考えられません。

しかし、私が抱えている問題は、ディレクティブ内で http リクエストを実行できないことです。したがって、それをコントローラーに入れて、スコープ関数として参照する必要がありました。

ユーザーコントローラー

ユーザーモジュール

ただし、この手法は問題を引き起こします。ディレクティブが複数のファイルと複数のコントローラーで使用されているためです。最も適切な解決策は、ディレクティブ内でリクエストを実行することだと思いますが、 $http を渡すことができないように見えるため、それは機能しません。

私の理想的な解決策は、私が好きだったものの組み合わせです

私は明らかにフレームワークにかなり慣れていないので、どんな助けでも大歓迎です。

私はangularjsの新しい蜂です。ユーザーがブラウザウィンドウを閉じようとしたときに警告する検証を作成しようとしています。

ページ v1 と v2 に 2 つのリンクがあります。リンクをクリックすると、特定のページに移動します。v1 と v2 にリダイレクトするコードは次のとおりです。

ユーザーがv1をクリックしたときに、「彼が続行したい場合は、v1から離れようとしています」というメッセージをポップアップ表示したいと思います.v2をクリックしても同じです。これを達成する方法についての指針をいただければ幸いです。

ここで答えを得ましたが、時間間隔ごとにメッセージがポップアップします。

更新されたコード;

コントローラー

次のようにコントローラーを登録しました。

HTML で使用ng-controller="MyController"するとすべて正常に動作しますが、このコントローラーをディレクティブのコントローラーとして使用したいと考えています。このようなもの：

置くだけで疲れましMyControllerたが、「MyController is not defined」とエラーになります。グローバル名前空間に入れるだけでうまくいくと確信MyControllerしていますが、グローバル名前空間には何も入れたくありません。違いがある場合、myModuleは の依存関係として定義されotherModuleます。ディレクティブを使用するために、このコントローラーへの参照を取得するにはどうすればよいですか?

提案どおり、試してみ$controller('MyController')ましたが、次のエラーが表示されます。

このエラーをどうすればよいかわかりません。これを機能させるためにさらに必要なものはありますか？

リンク関数で、関数をクリックイベントにバインドするためのより「角度のある」方法はありますか？

今、やってます...

これはAngularのやり方ですか、それとも醜いハックですか？おそらく私はそれほど心配する必要はありませんが、私はこのフレームワークに不慣れであり、特にフレームワークが前進するにつれて、物事を行うための「正しい」方法を知りたいと思います。