4

たとえば、サイトのメンバーとメンバー リソースを管理できる asp.net mvc4 Web アプリケーションがあります。メンバーのホームページには、プロフィールに関するいくつかの詳細セクションがあります。angular.js と webapi(entityframework) を使用して、アドレスの詳細をその場で編集し、ページのポストバックなしで保存できるようにしたいと考えています。開始するのに最適な場所は、これらのアドレスの詳細をメイン ページ ビューの一部として表示するパーシャルビューを用意することだと思います。

そのような設定の例はありますか?

4

1 に答える 1

1

あなたは間違いなくこれを行うことができます。まず、ユーザーが選択したセクションに基づいて詳細を切り替えるには、次の 2 つのオプションがあります。

1) モジュールを作成し、ルートを設定します。ルートを使用すると、アプリケーションでクリックしている URL に基づいて、部分的な HTML の「ビュー」を切り替えることができる領域を持つベース HTML ページを作成できます。AngularJS サイトには、同様のことを行うチュートリアルがあります。ng-view の説明に注意してください。

2) カスタム ディレクティブを作成し、外部の HTML 部分ページを取得できます。ディレクティブでは、そのページにあるディレクティブ (ng-click、ng-class など) を使用できるようにする HTML パーシャルを「コンパイル」し、元のページで div が宣言されている場所にレンダリングします。これはもう少し高度なので、最初に ng-view の例を見てください。

データを mvc アプリケーションに送り返すために、angular で行う必要があるのは、データを投稿してデータを送信する mvc アプリに戻る URL を使用してリソースを宣言することだけです。このようなもの：

$resource('api/updateUserData',
          {userName: userNameVar, userEmail: userEmailVar},
          function(data){
            //callback code where you do something with the returned data if any
          }
);

angular-appと呼ばれる素晴らしい github プロジェクトがあり、基本的な CRUD セットアップがあり、angular アプリ自体をレイアウトする方法、テストを使用する方法、angular ファイルを構成する最善の方法などを示しています。この小さなプロジェクトには必要ですが、少なくとも、アプリが成長した場合に前進する方法についていくつかのアイデアを得ることができます.

于 2013-08-28T00:50:10.070 に答える