2017-05-31 20 views
-1

ASP.Net MVC5とAngularJS 1.5を使用してWebアプリケーションを作成しています。データはMVC ActionResultからの表示であり、さらに編集と削除操作はAngularJSを使用して実行されています。AngularjsはJqueryロード関数では動作しません

しかし、私はjsonresultをASP.net MVCコントローラから呼び出して実行し、成功結果で完璧な編集操作を実行しますが、MVC ActionResultから表示されているデータも更新したいので、 Jqueryロード関数を使用し、URL(MVC ActionResult Url)を渡します。

ロード機能は、データベース内の現在の変更でデータをリフレッシュそれAngularJS後でもAngularJS {{Expressions}}を動作しませんが、最初にjQueryのを追加し、角度

$http.post('myactionName',{param:param}).success(function (data){ 
 
    $('#DiV').load("mypartialActionName"); 
 
}
<div id="DiV"> 
 
    @Html.Partial("_PartialViewName") 
 
</div>

+0

ng-viewはあなたに何かを伝える必要があります – madalinivascu

+0

bodyタグの属性ディレクティブとして使用します。 – Maher

+0

私自身の指令を作成しましたが、同じ問題に直面しません、

答えて

0

を働いていませんファイルを作成してから、「アプリ」モジュールを作成します。

Htmlの

<body configs> 
<div id="DiV"> @Html.Partial("_PartialViewName") </div> 
</body> 

指令

私はあなたがして、@ Html.Partial(使用しない完全AngularJsを使用している場合は、何かを言いたいすべての
app.directive("configs", function($http){ 
return { 
    link: function(){ 
     $http.post('myactionName',{param:param}).success(function (data){ 
      $('#DiV').load("mypartialActionName"); 
     } 
    } 
} 
}); 
+0

これは階層化されていますが、私のpartialviewは更新されますが、私のangularjs ng-clickは2回目には機能しません。ページnをリフレッシュするgをクリックして作業を開始し、何かを編集し、レコードを更新しますが、もう一度クリックすると作業が停止し、手動でf5を押す必要があります –

0

ファーストは).. ng-を使用します組み込みディレクティブをインクルードする代わりに外部テンプレートをインジェクトしてください。あなたはMVCに完全に依存しています。これは悪い習慣です。フロントエンドパートではなくサーバーサイドでのみMVCを使用する必要があり、AngularJsは$ httpを非同期的に使用しますデータを取得するためにリフレッシュする必要はなく、JQUERY..AngularJに依存しないJQUERYが行ったすべてのことに取り組むことができます。

関連する問題