如何从一个指令的`link`功能呈现的内容？

问题描述

HTML code：

Html code:

<div class="test">{{name}}</div>

角code：

var app = angular.module('angularjs-starter', []);

app.controller('MainCtrl', function($scope) {
  $scope.name = 'World';
});

app.directive('test', function(){
  return {
    restrict: 'C',
    link: function(scope, elm, attrs){
      var content = elm.html();
      alert(content);
    }
  }
});

这会提醒一串 {{名称}} 。如何提醒渲染字符串全球？

It will alert a string {{name}}. How to alert the rendered string World?

现场演示：

推荐答案

您需要使用服务做到这一点。

You need to use $interpolate service to do this

app.directive('test', function($interpolate){
  return {
    restrict: 'C',
    link: function(scope, elm, attrs){
      var content = elm.html();
      alert($interpolate(content)(scope))
    }
  }
});

演示：

这篇关于如何从一个指令的`link`功能呈现的内容？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！