0

プロファイルのように、いくつかのユーザー情報を表示するモーダルがあります。

<!-- Modal -->
 <div id="modalBoy-z" class="modal hide fade in" style="display: none; ">  
   <div class="modal-header">  
     <a class="close" data-dismiss="modal">×</a>  
     <h3>User Profile</h3>  
 </div>
    <div ng-controller="">  
      <h3>Name: </h3>  
      <h3>Email: </h3>
      <h3>Join Date: </h3>
      <h3>Role: </h3>
      <h3>Status: </h3>
    </div>  
    <div class="modal-footer">  
     <a href="#" class="btn" data-dismiss="modal">Close</a>  
    </div>

ユーザー情報の JSON オブジェクトは次のとおりです。

{
    "id": "8311...",
    "meta": {
      "created": 1355860257840,
      "updated": 1355860257840
    },
    "profile": {
      "id": "https://project.dev:0000/profiles/admin",
      "type": "Profile",
      "vocSlug": "admin",
      "email": "admin@getsomething.com",
      "label": "System Administrator",
      "vocRole": [
        "role_administrator",
        "system_administrator",
        "profile_administrator"
      ],
      "Status": "active"
    }
  },

JSON オブジェクトをモーダル div に表示するにはどうすればよいですか? 私の ng-controller は div に入りますか? 私は過去 3 週間 AngularJS を使用してきましたが、MVC にはまだ慣れていません。

4

1 に答える 1

2

AngularJS で双方向のデータ バインディングを行うのは非常に簡単です。ただし、一般的に言えば、データ バインディングで使用できるのはスコープ データのみです。AngularJS チュートリアル シリーズを読むことを強くお勧めします。

http://docs.angularjs.org/tutorial/

ドキュメントの最初の数ページをすべて読むだけで、作業を開始するための基本的な情報を見つけることができます。物事を成し遂げたいというあなたの熱意は理解できますが、ドキュメントを読むことも同様に重要です。

現在、あなたの問題については、簡単な解決策があります。 http://plnkr.co/edit/JG1bDjZgp9gsSiKSEmJB

于 2013-02-01T22:55:22.217 に答える