角矩不能通过dom注入工作

Question

我有一个带有角矩的页面。在页面渲染角力矩工作。 使用

<span am-time-ago="message.time"></span>

但是当我追加新的 html.. 它不工作

   var date = '<span am-time-ago=\"message.time\"></span>';
   angular.element('#here').append(date);

我错过了什么吗？请帮忙...

谢谢，仓井

Answer 1

手动添加的 HTML 必须绑定到 $scope。

为此，您注入并使用$compile 服务。

// Pass element or HTML string to `$compile` to get a link function
var linkFn = $compile('<span am-time-ago="message.time"></span>');

// Pass `$scope` to the link function to get an element bound with it
var element = linkFn($scope);

// Append the element
angular.element('#here').append(element);

通常是这样写的：

var element = $compile('<span am-time-ago="message.time"></span>')($scope);
angular.element('#here').append(element);

请注意，如果您必须像这样手动添加 HTML 并希望遵循 Angular 的最佳实践，则应该从指令中完成。