問題タブ [ng-show]

最初のインスタンスでユーザーがリンクをクリックしたときに単純な ng-click を実装しようとしています。2 番目のインスタンスでは、表示されたものと同じものが非表示になります。

これが私のhtmlです：

上記から、ユーザーがクリックすると：

以下を表示/非表示にする必要があります。

ただし、これは機能しません。

それでも、私が配置した場合：

my の中trで、これDIVは表示と非表示を切り替えます。

ここにコードペンがあります http://codepen.io/lakhan/pen/cukyL

ng-repeat を含むアイテムのリストがあり、一度に 1 つのアイテムを表示しています。次へをクリックすると、リストの次の項目が表示されます。今私が達成したいのは、次をクリックしたときのアイテムのスライド遷移です。CSS側に欠けているものがあります。どんな助けでも大歓迎です。

を非表示および表示する単純な ng-click 関数を作成しましたDIV。

しかし、単純に現れたり消えたりするのではなく、Angular にはスライド効果を与える機能がありますか?

ここに plunkr があります: http://plnkr.co/edit/jbHidL3oOQvi4RBCkJIF?p=preview

HTML:

AngularJS、HTML、Javascript、および Ionic を使用して、ユーザーがアプリの特定のページに初めて入るときにメッセージを表示する正しい手段を見つけています。その後、このメッセージは表示されません。

現在、ボタンを使用してメッセージを表示し、ng-show を使用して「初回」フラグを確認しています。このフラグは、ブール値の「true」または「false」としてローカルに保存されます。そのために window.localStorage を使用しています。このアプローチが正しいかどうかを知りたいのですが、正しい場合、コントローラー内に存在する初めてのフラグのコードスニペットは次のようになります。

私のページには、次のように、以下のコードを含む次のボタンがあります。

デバッグ ウィンドウで、このページに初めてアクセスしたことをアプリが認識していることがわかりますが、何らかの理由で、ページの読み込みが完了する前に関数が約 9 回呼び出されます。それはいかなる種類のループにもありません。以下の要素のリストのコードロジックがありますが、そのリストはボタンから独立しており、その逆も同様です。

だからこそ、ここで正確に何が間違っているのでしょうか? 私の論理は単に間違っているのでしょうか、私のアプローチは完全に間違っているのでしょうか、それとも私は正しいのでしょうか?

最近、1.0.8 から Angular の最新の安定バージョン (執筆時点では 1.2.19) に移行しました。

彼らは、孤立したスコープに関する厄介なバグを修正しました。私はアプリケーションを修正することができましたが、現在、「このプロパティが $scope にある場合、...」というような (多くの) 問題が発生しています。

ViewModel に共通の構造を定義したため、これらの問題が発生しています。これは、この構造を使用するディレクティブがそのスコープに「一意でない」プロパティを設定することを意味します。アップグレードの前は、バグが原因で、分離されたスコープはその子からアクセスできましたが、プロトタイプの継承が壊れていました。それこそが、私たちのアプローチがうまくいった理由です。

これは、アプリケーションがどのように機能するかを非常に単純化したビューです (Angular の古いバージョンと新しいバージョンの両方で有効です)。

問題は、ディレクティブが常に $scope に同じプロパティを設定するとは限らず、バックエンドから返される内容に依存することです。したがって、内部ディレクティブで、そのスコープにプロパティがあるかどうかを確認したいとしましょう。そのスコープにidプロパティがなくても、彼の親には true が返されます。

JavaScript では、次を使用してこの種の問題を回避できます。

ngShowしかし、修正またはngHideディレクティブに対して同じアプローチは可能ですか? (上で説明したように) プロトタイプの継承のため、現在ng-show="id"は機能しません。