Angular2:将元素的范围限制为整个页面

时间:2016-11-09 14:27:26

标签: javascript angularjs angular

在淘汰赛中,我们可以将绑定范围限制为页面上的特定元素,如下所示:

ko.applyBindings(myVM,document.getElementById(" myDiv"))

是否可以在Angular2中执行类似的操作,因此Angular的范围不会应用于整个页面,而是限于特定的div或元素?

一种可能的解决方案是在页面上有一个指向Angular2应用程序的iFrame,但是,我正在寻找替代(非iFrame)选项。

修改/更新

正如我在下面的评论中所描述的,如果我只是将根应用程序组件放在div中而不是直接放在body元素中,这似乎也限制了angular2的范围。

之前



<body>
<my-app>Loading...</my-app>
</body>
&#13;
&#13;
&#13;

&#13;
&#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;
&#13;
&#13;

谢谢!

0 个答案:

没有答案