当前位置: 首页 > 面试题库 >

同一文件中有多个应用和控制器

许琛
2023-03-14
问题内容

在此AngularJS代码中:

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.angularjs.org/1.2.9/angular.min.js" type="text/javascript"></script>
  <script>
    var app1 = angular.module('app1', []);

    app1.controller('Ctrl1', function ($scope)
    {
      $scope.name = "Jack";
    });

    var app2 = angular.module('app2', []);

    app2.controller('Ctrl2', function ($scope)
    {
      $scope.name = "Steve";
    });

  </script>
  <title>Test Controllers</title>
</head>
<body>
  <div ng-app="app1">
    <div ng-controller="Ctrl1">
      <span>{{name}}</span>
    </div>
  </div>
  <div ng-app="app2">
    <div ng-controller="Ctrl2">
      <span>{{name}}</span>
    </div>
  </div>
</body>
</html>

我有两个ng-app和两个控制器。但是似乎只有第一个有效。显示了姓名Jack,但没有显示Steve。为什么?


问题答案:

显示问题的JSFiddle在这里:http :
//jsfiddle.net/DEnB2/

ng-
app指令的自动初始化仅发生一次,但是您可以使用bootstrapping方法手动初始化其他模块。(请参阅:https
:
//docs.angularjs.org/guide/bootstrap)

带有解决方案的JSFiddle在这里:http :
//jsfiddle.net/DEnB2/5/

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.angularjs.org/1.2.9/angular.min.js" type="text/javascript"></script>
  <script>
    var app1 = angular.module('app1', []);

    app1.controller('Ctrl1', function ($scope)
    {
      $scope.name = "Jack";
    });

    var app2 = angular.module('app2', []);

    app2.controller('Ctrl2', function ($scope)
    {
      $scope.name = "Steve";
    });

    angular.element(document).ready(function() {
      angular.bootstrap(document.getElementById('app2'), ['app2']);
    });   
  </script>
  <title>Test Controllers</title>
</head>
<body>
  <div ng-app="app1">
    <div ng-controller="Ctrl1">
      <span>{{name}}</span>
    </div>
  </div>
  <div id="app2">
    <div ng-controller="Ctrl2">
      <span>{{name}}</span>
    </div>
  </div>
</body>
</html>


 类似资料:
  • 问题内容: 我在一个文件中有多个html文件。 结果是我弄乱了html文件。 如何在不删除其余标签的情况下更正此错误? 我正在使用python生成html文件。 如果使用,我会得到一个漂亮的html页面。 如果我第二次使用它,则页面会变形。 我们可以使用iframe纠正此问题吗?有人可以举个例子吗? 问题答案: 一个HTML文档只能有一个标签和一个标签。如果仅将多个HTML文档放在一起,则它将是无

  • 在我的应用程序中有两个不同的阶段,它们是使用相同FXML文件的帮助屏幕。而不是创建两个FXML文件,我想只使用一个,并有两个控制器调用相同的fxml。 唯一的问题是控制器是在FXML文件中分配的。那么,有没有一种方法可以通过控制器类本身中的代码来更改指定的控制器? 我真的希望避免复制一个FXML文件,只是为了更改每个文件中的控制器。提前谢谢。

  • 问题内容: 我有一个由一个控制器控制的fxml文件。我想将控制器分成多个部分,就像放置在一个控制器中会产生很长的代码一样。不幸的是,fx:controller只能放在根目录中。我对如何分离控制器有什么建议吗? 问题答案: 我建议创建自定义控件-使用几个较小的FXML文件,而不是一个大FXML文件。 这是本教程: http://docs.oracle.com/javafx/2/fxml_get_st

  • 我目前正在使用JavaFXML和场景生成器编码一个系统。我已经创建了一个登录页面,您可以登录为管理员或员工。在管理包我有管理。FXML和管理员控制器。 无论如何,我使用了一个TabPane,我有五个选项卡,第一个名为“customers”,所有的实现(代码)都在AdminController中,因为它是AnchorPane的设置根控制器。 正如您所想象的,在一个控制器类中编写这五个选项卡的所有代码

  • Kafka集群中的Kafka控制器负责管理分区领导者和复制。 如果一个Kafka集群中有100个经纪商,控制器是否只是一个Kafka经纪商?那么在100个经纪商中,控制器是领导者吗? 你怎么知道哪个经纪人是控制人? Kafka控制器的管理对Kafka系统管理至关重要吗?

  • 因此,我将一个名为“size”的整数保存到一个名为SettingsStageController的控制器类中。java和我希望通过另一个名为GameStageController的控制器类文件访问该变量。java,但我似乎不知道怎么做。 设置标记控制器。JAVA GameStageController.java