問題タブ [ng-hide]

コンマ区切りのリストを含むリモート API の値があります。値は、たとえば、次のようにテンプレートに表示される "4,6,7" です。

コンマ区切りのリストにリスト内の数字が含まれている場合は、ng-hide を使用したいと思います。コンマ区切りリストに 6 (たとえば) があるかどうかを確認するにはどうすればよいですか? アイデアは次のとおりです。

ng-show でクリック アウェイ機能を実装できるソリューションはありますか?

これがプランカーです： http://jsfiddle.net/o0dwsrqf/

ボタンを使用してテキストを表示しています。

そして、テキストを表示するために ng-show を使用しています:

そして、テキストから離れてクリックすると、テキストを非表示にしたいと思います。とにかく私はこれを達成することができますか？

編集：

クリックの定義とは、ボタンとテキスト領域以外の場所をクリックすることです。クリックすると、テキストを非表示にしたい。

アプリケーションに、ユーザーのリストを表示するテーブルなどのリスト ページがあるとします。テーブルの各行には「編集」というボタンがあり、これをクリックすると、ブラウザの右側に右パネルが表示され、そのユーザーのコンテンツを編集するためのフォームが表示されます。フォームが保存されるか閉じられると、右側のパネルは消えます。ng-hide/ng-show を使用して編集フォームを表示/非表示にする人もいれば、ルーティングを使用する人もいます。私の質問は、最善のアプローチとその理由です。

テーブルの 7 ～ 8 行を超えるテーブル行で同じ ng-show 条件を使用したいと考えています。7-8 tr 要素すべてで ng-show="same condition" を繰り返したくありません。条件をトップレベルにする方法はありますか?

以下は私のコードです。ここでは、条件1と条件2の両方が真の場合もあれば、条件1のみが真の場合もあり、条件2のみが真の場合もあります。毎回条件を繰り返したくありません。

私が知っている限りでは、これは Ionic 固有の問題というよりも AngularJS の問題である可能性があります。ビューの 1 つにボタンがあります。

そして、コントローラーには、ローカルストレージから取得したこの変数があります。これは true または false であり、値に応じて非表示にする必要があります。

おそらく最初の質問は、コントローラーからそのように dom を操作することはベスト プラクティスでしょうか? そうでない場合は、どこでどのように行うのですか? コントローラーで問題なく実行できる場合、そのボタンを参照して非表示にするにはどうすればよいですか?

私のコードは以下の通りです：

フラグを true に設定すると、グリッドが正しくレンダリングされません。キーボードで F12 を押すと、正しく表示されます。

このコードを使用して、子供の身長の変化を監視しています。

でかなりうまく機能しますがng-if、ng-show | ng-hide高さ変更イベントは発生しません。ng-show | ng-hideディレクティブを使用するときに高さを見る方法はありますか?

例：

アニメーションを使用して s を切り替えるng-ifので、 so: .form-sliderhas position: relative、 while .animate: position: absolute. ご存知かもしれませんが.form-slider、この場合、html は高さを計算しないため、JS を使用して高さを変更する必要があります。