将角度控制器中的部分视图加载到空文档中

时间:2015-09-29 18:30:26

标签: angularjs partial-views

给出一个只包含基本要素的空文档,加载js文件和样式表:

<!doctype html>
<html ng-app="labApp">
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.6/angular.min.js"></script>
    <script src="/static/lab.js"></script>
    <link rel="stylesheet" href="/static/local.css" />
    <link rel="stylesheet" href="/static/superhero.min.css" />
  </head>
  <body ng-controller="labController">
  </body>
</html>

lab.js中的一个空控制器:

angular.module('labApp', [])
  .controller('labController', function() {
    var lab = this;
  });

如何将局部视图加载到体内? 我应该手动执行这样的操作,使用jQuery,还是有一些隐藏的角度加载部分?

1 个答案:

答案 0 :(得分:0)

您可以使用ui-router:https://github.com/angular-ui/ui-router

呈现不同的视图

加载到您的应用程序后,您可以将其包含在

angular.module('app', [ui.router])

当您按照文档进行操作时,设置不同的路径非常容易。祝你好运!