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

【问题标题】：Open a template file directly from controller with Angularjs使用 Angularjs 直接从控制器打开模板文件
【发布时间】：2016-09-07 02:53:58
【问题描述】：

我将 Angular 用于我的 android 应用程序。给定时间后，我需要打开一个模板文件。这是我的特定模板文件的 app.js

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

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

由于我还是 Angular 的新手，如果能帮助我实现这一点，我将不胜感激。

【问题讨论】：

标签： javascript android angularjs

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

您所做的似乎已经足够了，我将解释您的代码 sn-p。

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

上面的 sn-p 说，当用户或浏览器请求 URL 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 指令，或者注意浏览器控制台是否有任何错误。

【讨论】：