帶有Ajax響應的Angularjs綁定到一個div

-1

我必須在「ASP.net MVC/web api」項目中實現角色。我的挑戰是我有一個單一的頁面類型的應用程序，Main.vbhtml作爲主要容器。還有一個layout.vbhtml 通過在DIV中使用ajax調用和加載，所有其餘頁面都會在Main內部顯示。
我創建了一個新頁面page.vbhtml並將我的角色內容放在那裏。當我點擊菜單時，我的ajax調用返回pagnew的內容作爲響應，並綁定到我的div。我們使用這種方式是因爲選項卡（意味着我可以在選項卡控制中多次打開頁面）
問題是我的角度根本不起作用。
我使我的角碼layout.vbhtml @ Scripts.Render（「〜/包/ NG」）
這裏是我的ajax調用和我的角度

帶有Ajax響應的Angularjs綁定到一個div

<script>function loadMyPage() { 
$("#div1").load("http://localhost:52269/pagenew.vbhtml");}</script>

我pagenew.vbhtml是

       <div ng-app> 
            <p>{{ "Hello" + " World" }}</p> 
            <p>{{ 2 + 4 }}</p> 
           </div>

和我的主頁（容器）的股利

<div id="div1" ></div>here

PS：我angular.js在layout.vbhtml

結果：{{ 「你好」 + 「世界」}} {{2 + 4}}

HELP！請

來源

2015-08-20 user3581934

當你打loadMyPage手動運行角？ – Dan

當用戶點擊頁面的菜單新 – user3581934

也許你想在ng-app旁邊加ng-controller =「controller name」。你有控制器嗎？

來源

2015-08-20 19:41:51 denden130

在這種情況下是否重要？ – user3581934

角度運行一次DOM完成加載。在你的情況下，Angular不知道要啓動，因爲當點擊一個按鈕時，在DOM完成加載之後插入Angular代碼。

您需要使用Bootstrap

https://docs.angularjs.org/guide/bootstrap

來源

2015-08-20 20:19:06 Dan

iT DID WORK！這是訣竅， – user3581934

angular.bootstrap($(this), ['myApp']); // in the function loadmyopage make it works

來源

2015-08-20 20:58:41 user3581934

帶有Ajax響應的Angularjs綁定到一個div

回答

相關問題