使用Angular缓存父页面数据的方法,Angular在一个页面中使用两个ng

在上篇小说给大家介绍了Angular在贰个页面中应用多个ng-app的情势,这种艺术不太推荐,上边给大家介绍方法二,具体代码如下所示:

下边一段代码给大家介绍了Angular在贰个页面中应用七个ng-app的主意,具体代码如下所示:

1.window.location.href=””;这一个一般是三个措施,大概U帕杰罗L需求计算的话就要求用那一个主意

angular做单页面应用是四个相比好的框架,不过它有明确的入门难度,对于新手来说可能会境遇比比较多坑,也许有好多难题,大部分细致看文书档案,找社区是能消除的。

<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="utf-8">
  <title>ng-app指令,angular找到第一个ng-app就不会再找了,在一个页面中只使用一个ng-app.</title>
 </head>
 <body ng-app="myApp">
  <input type="button" ng-controller="App1Controller" ng-click="do1()" value="按钮1" />
  <input type="button" ng-controller="App2Controller" ng-click="do2()" value="按钮2">
  <script src="bower_components/angular/angular.js"></script>
  <script>
  var myApp1 = angular.module('myApp1', []);
  myApp1.controller('App1Controller', ['$scope', function($scope){
   $scope.do1 = function(){
    console.log(11111);
   };
  }]);
  var myApp2 = angular.module('myApp2', []);
  myApp2.controller('App2Controller', ['$scope', function($scope){
   $scope.do2 = function(){
    console.log(22222);
   };
  }]);
  /**
  * myApp Mod'myApp1','myApp2'ul;
  *
  * Description
  */
  angular.module('myApp', ['myApp1','myApp2']);
  </script>
 </body>
</html>
<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="utf-8">
  <title>ng-app指令,angular找到第一个ng-app就不会再找了,在一个页面中只使用一个ng-app.</title>
 </head>
 <body>
  <input type="button" ng-app="myApp1" ng-controller="App1Controller" ng-click="do1()" value="按钮1" />
  <input type="button" ng-app="myApp2" ng-controller="App2Controller" ng-click="do2()" value="按钮2">
  <script src="bower_components/angular/angular.js"></script>
  <script>
  /**
  * myApp1 Module
  *
  * Description
  */
  var myApp1 = angular.module('myApp1', []);
  myApp1.controller('App1Controller', ['$scope', function($scope){
   $scope.do1 = function(){
    console.log(11111);
   };
  }]);
  var myApp2 = angular.module('myApp2', []);
  myApp2.controller('App2Controller', ['$scope', function($scope){
   $scope.do2 = function(){
    console.log(22222);
   };
  }]);
  //手动的让第二个div被myapp2管理
  angular.bootstrap(document.querySelector('[ng-app="myApp2"]'), ['myApp2']);
  </script>
 </body>
</html>

2.<a></a> 其实看似也基本上

但有一点点标题也许资料比较少,近年来遇上过一个要缓存父页面包车型客车主题材料,正是点击步入子页后,再重临时父页面包车型地铁数量要缓存下来,包涵滚动条的岗位。再做的长河个中查过

使用Angular缓存父页面数据的方法,Angular在一个页面中使用两个ng。就算用多少个大的模块将三个小模块包起来。

这种方法不引入,请参照他事他说加以考察下篇小说。上面给我们介绍angular在三个页面中利用三个ng-app的办法(二)。敬请关心!

好些个资料,都说的不很详细,明天把艺术记录下来,供参谋。

如上所述是作者给我们介绍的Angular在三个页面中采纳八个ng-app的办法(二),希望对我们有着援助,如若大家有任何疑问请给本人留言,笔者会及时苏醒大家的。在此也非常谢谢咱们对剧本之家网址的帮忙!

你可能感兴趣的稿子:

  • Angular.js回想ng-app和ng-model使用本事
  • AngularJS中的$watch(),$digest()和$apply()区分
  • 浅谈angular.js中贯彻双向绑定的法子$watch $digest
    $apply
  • angularJS中$apply()方法详解
  • 依赖豆瓣API+Angular开辟的web
    App
  • webapp框架AngularUI的demo退换之路

要想缓存,要用到嵌套路由(ui-router):

您大概感兴趣的篇章:

  • Angular.js回看ng-app和ng-model使用本事
  • AngularJS ng-app
    指令实例详解
  • AngularJS使用带属性值的ng-app指令完成自定义模块自动加载的办法
  • AngularJS使用ng-app自动加载bootstrap框架难点解析
  • Angular.js开首化之ng-app的自动绑定与手动绑定详解

   有八个嵌套的秘诀:

相关文章