AngularJS：HTMLコードをng-viewとその結果（Html、Css、JS、Resultのようなナビゲーション形式）で表示する

Webアプリケーションを開発しています。私はボタンのリスト（ラベル 'コード'）を持つスクリーン1を持っています。これらのボタンをクリックすると、ng-view（$ location.path（ 'path'）を使用して）で別のHTML画面-2（すべてのボタンに共通）がロードされます。画面-2には4つのタブ（図のように 'HTML'、 'CSS'、 'JS'、および 'RESULT'）があるナビゲーションバーがあります。私はHTMLファイルのリストも持っています。 EXP-AngularJS：HTMLコードをng-viewとその結果（Html、Css、JS、Resultのようなナビゲーション形式）で表示する

について

（1）HTML1、CSS1、JS1、結果1

（2）HTML2、CSS2、JS2、結果2など。

今、私がクリックした場合、ボタン-1上にスクリーン1上では -

を達成したいのか、それはアクティブなタブ「HTML」で画面-2を起動する必要がありますだけでなく、それはのコードが表示されますファイル 'html1'と同様に他のタブのコードとその結果も表示する必要があります。

おそらく下の画像が上記のシナリオを説明します。

出典

2016-08-25 MAC

あなたはangularJS NG-ショーとngの非表示機能を見てみることができます。軽量の表示と非表示のアプリケーションを実現します。 ng-show内でオプションを設定することができます。小さな例を以下に示します：

More info

<!DOCTYPE html> 
 
<html> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> 
 
<body ng-app=""> 
 

 
Show HTML: <input type="checkbox" ng-model="myVar"> 
 

 
<div ng-show="myVar"> 
 
<h1>Welcome</h1> 
 
<p>Welcome to my home.</p> 
 
</div> 
 

 
</body> 
 
</html>

ホープ、このことができます！

出典

2018-02-01 15:52:34 Deathstorm

AngularJS：HTMLコードをng-viewとその結果（Html、Css、JS、Resultのようなナビゲーション形式）で表示する

答えて

関連する問題