在淘汰赛中,我们可以将绑定范围限制为页面上的特定元素,如下所示:
ko.applyBindings(myVM,document.getElementById(" myDiv"))
是否可以在Angular2中执行类似的操作,因此Angular的范围不会应用于整个页面,而是限于特定的div或元素?
一种可能的解决方案是在页面上有一个指向Angular2应用程序的iFrame,但是,我正在寻找替代(非iFrame)选项。
修改/更新
正如我在下面的评论中所描述的,如果我只是将根应用程序组件放在div中而不是直接放在body元素中,这似乎也限制了angular2的范围。
之前
<body>
<my-app>Loading...</my-app>
</body>
&#13;
后
<body>
<div id="div1" style="height:200px; width:400px;">
<my-app>Loading</my-app>
</div>
<div id="div2" style="height:300px; width:500px;">
This is outside of the Angular App
</div>
</body>
&#13;
谢谢!