Question

我正在为我的Android应用程序使用Angular。经过一段时间后，我需要打开一个模板文件。这是特定模板文件的app.js

.when('/tracker/',
      {
         templateUrl: 'views/tracker.html',
         controller: 'MainController'
      })

我想直接从我的MainController打开这个tracker.html文件，我不知道该怎么做。如果您需要更多信息，请告诉我们。

由于我还是Angular的新手，所以我们将不胜感激任何帮助。

Answer 1

您可以尝试将其中一个范围属性链接到模态（这会将您的tracker.html打开为弹出窗口，然后您可以定义其他内容）

function MainController($scope, $uibModal) {
    var modalInstance;
    $scope.open= function () {
        modalInstance = $uibModal.open({
            templateUrl: 'views/tracker.html',
            controller: 'MainController'
        });
    };
}

Answer 2

你所做的似乎已经足够了，我会解释你的代码片段。

.when('/tracker/',...

上面的代码段显示，当用户或浏览器请求网址yourhost.com/tracker/'时，请执行以下操作，

  .., {
     templateUrl: 'views/tracker.html',
     controller: 'MainController'
  })

将它们引导至模板views/tracker.html并使用上面指定模板上的控制器MainController。

这是我能想到的最简单的解释。我希望您的浏览器导航到该链接，yourhost.com/tracker/会显示您需要的tracker.html模板。

如果上述操作失败，请确保您已在index.html文件（https://docs.angularjs.org/api/ngRoute/directive/ngView）中正确定义了ng-view指令，或者注意浏览器控制台是否存在任何错误。

使用Angularjs直接从控制器打开模板文件

2 个答案: