指令变量中的AngularJS模板

时间:2013-07-31 12:46:17

标签: angularjs angularjs-directive

我想知道是否有办法为指令中的变量设置模板路径? 我有这样的代码:

  tooltip = "<img src={{object.avatar}}>" + {{object.fullname}}

我想在templates / like tooltip.html.haml中有一个文件,并在里面设置我的模板。所以我可以在我的指令中:

tooltip = "../templates/tooltip.html.haml"

如有必要,可以使用其他路径。

有可能吗?

我的指示结束:

linker = (scope, element, attrs) ->
  element.html(tooltip).show()
  $compile(element.contents()) scope

restrict: "E"
replace: true
scope:
  object: "="
link: linker

先谢谢

1 个答案:

答案 0 :(得分:0)

使用指令对象的模板或templateUrl参数

linker = (scope, element, attrs) ->
element.html(tooltip).show()
$compile(element.contents()) scope

restrict: "E"
templateUrl: "tooltip.html"  // or
template: "<img src='{{object.avatar}}'>"
replace: true
scope:
object: "="

link:linker