带有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

回答

相关问题