要实现AngularJS元素仅在首次进入页面时附加到DOM上,而不会在页面刷新/重新进入时附加,可以使用AngularJS的路由机制。下面是一个示例代码:
HTML:
AngularJS Example
上述示例中,使用ng-view指令作为视图容器,通过$routeProvider配置不同的路由。在每个路由中,定义了模板和对应的控制器。
当页面首次加载时,HomeController会被调用,同时将附加到Welcome to the Home Page!
ng-view元素中。当用户导航到/about路由时,HomeController会被销毁,然后AboutController会被调用,将附加到Welcome to the About Page!
ng-view元素中。
当用户再次导航回/路由时,HomeController不会再次被调用,因为该路由已经被加载过一次,所以之前附加到ng-view的元素会保留,而不会重新附加到DOM上。
通过使用路由机制,可以实现AngularJS元素仅在首次进入页面时附加到DOM上,而不会在页面刷新/重新进入时附加。
上一篇:AngularJS元素操作