如何使AngularJS编译指令生成的代码？

这是一个既不使用编译功能也不使用链接功能的版本：

myApp.directive('helloWorld', function () {  return {    restrict: 'E',    replace: true,    scope: {      myUsername: '@'    },    template: '<span><div ng-show="myUsername">Hello {{myUsername}}</div>'    + '<div ng-hide="myUsername">Sorry, No user to greet!</div></span>',  };});

请注意，模板被包装在中，因为模板需要具有一个根元素。（如果没有，它将有两个根元素。）

需要对HTML进行少许修改以进行插值：

<hello-world my-username="{{names[0]}}"></hello-world>

小提琴。