私はルーティングに取り組んできましたが、ルーティングとビュー テンプレートを使用して ng-view を更新する方法を見てきました。ビュー テンプレートを使用して DOM の一部を更新しますが、ルーティングは行いたくありません。
誰も私がこれを行う方法を知っていますか? または、どんな例でも素晴らしいでしょう
前もって感謝します
私はルーティングに取り組んできましたが、ルーティングとビュー テンプレートを使用して ng-view を更新する方法を見てきました。ビュー テンプレートを使用して DOM の一部を更新しますが、ルーティングは行いたくありません。
誰も私がこれを行う方法を知っていますか? または、どんな例でも素晴らしいでしょう
前もって感謝します
別の答え。コメントの説明に基づいて、DOM の一部を条件付きで表示したいようです。
DOM の一部を条件付きで表示する場合は、次の選択肢があります。
ng-show
andng-hide
ディレクティブを使用します。
RESTful 呼び出しから返されたものに基づいて、表示する必要がある DOM を識別するモデルをセットアップできます。例:
<div ng-show="status">
This text will be shown only when the status is truthy
</div>
<div ng-hide="status">
This text will be shown only when the status is false.
</div>
コントローラー内status
で、RESTful 呼び出しに基づいて、および RESTful 呼び出し後に表示する DOM の部分に基づいて、 を true または false に設定できます。
ng-switch
ディレクティブを使用できます。ディレクティブng-show
とng-hide
ディレクティブは条件付きで DOM のコンテンツを表示します。つまり、誰でもソース ファイルを開いて両方のコンテンツを表示できますng-switch
。例:
<div ng-switch on="status">
<div ng-switch-when="true">
This text will be shown only when the status is truthy.
Else this is completely hidden and cannot be seen even
when looking at the source.
</div>
<div ng-switch-when="false">
This text will be shown only when the status is false.
Else this is completely hidden and cannot be seen even
when looking at the source.
</div>
</div>
ステータスが true の場合、最初の子 div が表示されます。それ以外の場合は、まったく表示されません。ng-show
orに対する利点ng-hide
は、ケースが満たされない場合、DOM に子要素が含まれないことです。
$location.path()
ここで使用できます。
したがって、親コントローラーで REST 呼び出しを行うことができます。データを入手したら、どのルートを取るかを決定できます。ルート値はpath()
関数に入ります。
例として、REST 呼び出しがチェリーで返された場合、パスを取得する必要があるとしましょう/foo
(パスに基づいて、$routeProvider
そのルートに関連付けられたテンプレートが読み込まれます)。次に、次のように記述できます。
$location.path('/foo');
/foo パス$routeProvider
をロードし、そのパスに関連付けられたテンプレートをロードします。
参照: $location