問題タブ [angularjs-ng-switch]

4 つの条件で角度を記述する必要がありng-switchます。

SO に関する他の回答の中には、ng-ifの代わりに使用することをお勧めするものがありng-switchます。

で試してみましたがng-if、これが最善の方法だとは思いません。その理由を説明します。

基本的に、スコープ内にあるいくつかの変数に応じて、3 つの異なるアイコンを表示する必要があります。

私のテンプレートのコードは次のとおりです。

さて、私には、これは本当に面倒に見えます。また、すべての if ステートメントを繰り返し処理して true を出力するため、期待どおりに機能しません。

代わりに次のようなことをすることは可能ですか?

または、このタイプのテンプレートを適切に処理する方法について他に何か提案はありますか?

質問が十分に明確であることを願っています。

助けてくれてありがとう

ユーザーがクリックしたときにディスカッションにフラグを立てるフラグ ボタンがあり、その後、フラグ ボタンは「フラグが付けられました」というテキストに置き換えられます。現在、フラグ ボタンをクリックした後に ng-click を無効にできません。'successfully flagged' というテキストの ng-click がまだ存在します。同じディスカッションにフラグを立てる際のエラーを防ぐために、このテキストのクリックをブロックしたいと思います。

html:

js:

遅延評価を追加するか、伝播を防止することで、do_something() メソッドが呼び出されるのをブロックできるかもしれませんが、マウス カーソルをポインタのままにして、「リンクをクリック」マウス アイコンに変更しないようにしたいと考えています。これは可能でしょうか？マウス ボタンの画像は私が修正した css の問題だったようです

また、以下のように ng-switch-when ステートメントに ng-click を追加しようとしましたが、クリックした後も isFlagging は false のままで、成功のテキストが表示されません。

私は現在、json の説明に基づいて一般的なフォームを表示する角度ディレクティブに取り組んでいます。

すべての入力に対して ng-repeat を実行し、リストに含まれる可能性のあるすべての入力タイプに対して ng-switch または ng-if-iterate を実行することに関心があります。約 15 のタイプがあり、フォームには約 20 ～ 50 の入力を含めることができます。

私が自分で実装するのを見ることができる複数のパターンがあります。現在の POC には、ng-if が ng-repeat で呼び出されるすべてのタイプをオンにする入力ディレクティブがあります。

入力ディレクティブ:

経由で呼び出されます：

レンダリングされた入力ごとにすべてのタイプを繰り返すことを懸念しています。angularはこれらの代替案をどの程度うまく管理していますか。事前に入力をフィルタリングしたい場合など、ng-repeat でフィルターをどのように処理しますか?

すべてのタイプに対して異なるディレクティブを作成し、ディレクティブを呼び出す前に切り替える必要がありますか? オーバーヘッドが大きすぎるようです...

簡単なngSwitchCase シナリオがあります

コントローラーで監視して通知を受け取りたいのですがngSwitchCase、基本的にはタブを切り替えるときです。

何か案は？

Laravel と Angular JS でアプリケーションを開発しています。[[ ]] をデータバインディングに使用しています。

ng-switch を使用してテーブル内のデータをバインドすると、エラーが発生し、機能しません。

Firebug で確認すると、応答ステータス変数が文字列値 1 と 0 を取得します。

どうすれば解決できますか...

私はAngular JS v1.5.8を使用しています

コンソールのエラー..

ng-switch使用すると動作しませんng-switch-when-separator。設定を選択すると、スイッチはデフォルトの div を指しています

ドロップダウンにバインドされたモデル属性の ngSwitch があります。うまくいかなかったので、単純に値をハードコーディングしようとしました。まだ機能しません。両方のdiv が表示されます。私は何を間違っていますか？明らかな場合は事前にお詫び申し上げます。私はAngular2を初めて使用します。

私のhtmlテンプレート:

npm サーバーでの結果:

次のコード スニペットがあります。

ngSwitchディレクティブがアクションを実行する前に、コンポーネントmyHeaderが構築されることを望みます。これで、 component1がmyHeaderの前に構築されます。

ルーティングは次のコードを表します。