AngularJS 控制器能否将其中的范围变量链接到 HTML 文件，然后引用该变量来呈现 HTML 文件？

Question

我看到的示例显示了呈现 HTML 文件的指令代替指令。或者控制器将 HTML sn-p 渲染为范围变量，直接写在单引号之间 - 比如

$scope.items = '<ol><li>an item></li> <li>another item</li></ol>' 

（这对我来说效果不佳，因为我的 HTML sn-p 中间还有其他单引号似乎会阻止 HTML sn-p 正确呈现。）

以下是我尝试过但不起作用的方法：

控制器代码：

innerapp.controller('ResourcesController', function($scope, $sce, $http) {

$scope.template = 'employeelists.html';
});

HTML 代码：

 <div ng-controller="ResourcesController">

      <div ng-bind-html-unsafe="template"></div>
    </div>

我的 app/assets/templates 文件夹中有“employeelists.html”。我正在使用带有 Rails 的 AngularJS，这个设置已经让我可以像这样调用文件：

div ng-include="'employeelists.html'"></div>

但我希望控制器而不是 ng-include 来呈现 HTML 文件。

基本上，我正在研究这样的功能，如果我在 HTML 页面上选择一个项目（在这个 AngularJS 控制器下），控制器中的一个函数会被调用，它用另一个更新范围变量（链接到模板文件）模板文件。

Answer 1

首先，请记住 DOM 操作应始终留给指令，而不是控制器。其次，我强烈建议您使用 ui-router 查看视图。这可以轻松完成您想要做的事情。这是一个简单的视图更改示例： https://angular-ui.github.io/ui-router/sample/#/

另外，有人已经找到了一种将代码输入到 ng-include 指令的方法，因此您可以对其进行更新： angular - update directive template on click

但是，请阅读上面的答案，他还建议您使用 $stateProvider（ui-routers 状态配置器），因为这将是您尝试做的更简单的方法。

希望对你有帮助