javascript - テキストをng-clickで置き換えるAngularJSディレクティブ

Question

プロパティのセットを取り、いくつかのテキストを操作して要素に出力するディレクティブをAngularで作成しようとしています。

私が抱えている問題は、テキストの一部を ng-click でラップして、最終的にダイアログ ボックスを開くスコープから関数を呼び出すことです。

ここで非常に簡単な例を作成しました。これを使用すると、それを拡張できます。

app.directive('parseString', function() {
  return {
    restrict: 'A',
    scope: { props: '=parseString' },
    link: function compile(scope, element, attrs) { 
      var nameHTML = '<a href="#" ng-click="helloPerson('+scope.props.name+')">'
          +scope.props.name+'</a>';
      var html = scope.props.text.replace('world', nameHTML);
      element.html(html);
    }
  } 
});