将HTML内容从Angular控制器发送到网页
将HTML内容从Angular控制器发送到网页
提问于 2017-06-27 12:53:12
我有一个从here构建的模板。我想让我的角度控制器发送的项目，如仪表板，快捷键，概述等侧栏的html。
在SO上有一些关于Send html content with variables to template from controller AngularJS和AngularJS data bind in ng-bind-html?的帖子。然而，我似乎不能将这些问题/答案应用到我的问题中。这是我正在使用的html代码的一部分，目的是让角度控制器发送并显示出来。
<li>
<a>Admin Controls</a>
</li>
<li>
<a href="#">Dashboard</a>
</li>
<li>
<a href="#">Shortcuts</a>
</li>
<li>
<a href="#">Overview</a>
</li>回答 1
Stack Overflow用户
发布于 2017-06-28 04:10:46
基于Rahan Kawade的指导，我能够得到一个初步的工作答案。我使用angular模板将html代码插入到视图中，它起作用了。重要的是要注意，当使用模板通过angular指令插入html代码时，确保html代码没有回车是很重要的(参见选项1)。如果是这样的话，该指令将不起作用。我确实提供了另一个选项来帮助提高html的清晰度和可读性，因为在它变长的情况下，人们选择使用模板而不是templateUrl (参见选项2)。以下是解决方案。
controller.js
选项1
var adminAppCtrls = angular.module("app", [])
.directive('adminDash', function() {
return {
template: '<li><a>Admin Controls</a> </li><li><a href="#"> Dashboard </a></li> <li><a href="#">Shortcuts</a></li> <li><a href="#">Overview</a></li>'
};
})选项2
var adminAppCtrls = angular.module("app", [])
.directive('adminDash', function() {
var href = '<li><a>Admin Controls</a>'
href += '</li><li><a href="#"> Dashboard </a></li>'
href += '<li><a href="#">Shortcuts</a></li>'
href += '<li><a href="#">Overview</a></li>'
return {
template: href
};
})视图
<div ng-app="app">
<h2>Custom directive with external page</h2>
<div adminDash></div>
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44772480
复制相关文章
相似问题
腾讯云开发者
