Angularjs - 头标记中的组件

时间:2017-03-17 08:21:35

标签: angularjs

是否可以在head标签html中输入一个组件到我的index.html?就像这样,

这是index.html代码:

<head>
<testing-path></testing-path>
</head
<body>
</body>

我认为你不能,因为一般模块在body标签上

<body ng-app="app">

这是组件的html代码(testingPath.component.html):

<script type="text/javascript" src="{{vm.valueURL}}"></script>

这是控制器的组件代码(testingPath.component.js):

    function testingPathController($rootScope) {
      var vm = this;
      vm.valueURL = "url";
   }

感谢您的帮助,

2 个答案:

答案 0 :(得分:0)

您可以在html标记上添加ng-app而不是正文标记。

<html ng-app="app">
  <head>
    <testing-path></testing-path>
  </head
  <body>
  </body>
</html>

但是......我认为这不是一个好主意,你可以在body标签中加载脚本。

这样:

<head>
</head>
<body ng-app="app">
  [...]
  <testing-path></testing-path>
</body>

答案 1 :(得分:0)

您可以将ng-app指令放在html标签中,用于html中模块的全局范围,但是如果将它放在正文中,则只能将其用于正文

相关问题