如何编写在JavaScript中以字符串形式返回脚本的函数

Question

I'm using angular and I want to append a script to the template of my directive. I want to accomplish this by writing a function that accepts the parameters the script needs and then returning it as a string. I would like to do it this way so that I dont have to write long javascript files as strings.

I have the following directive:

directive

 function barchart() {
        return {
            restrict: 'EA',
            replace: true,
            template: `
                  <div id="canvas" class ="panel-body container-fluid">
                    <div class ="ui centered grid">
                        <div>
                            <div id="title"></div>
                            <div id="chart"></div>
                        </div>
                    </div>
                  </div>
                `,
            scope: {
                revenues: "=revenues"
            },
            link: function ($scope, $element, $attrs) {
                $scope.$watch('revenues', function (rev) {

                    if (typeof rev != 'undefined') {
                        $element.append(`<script> (render(${rev}))(); </script>`);
                    }
                });
            }
        }
    }

I want something around these lines, but it doesn't work

render (function that should return a script)

function render(params){
   return (function(){
            $('#chart').append('<p> params </p>');
          })();
}

error

rev is not defined

Answer 1

用${ ， }环绕render()调用

$element.append(`<script>${render(rev)}</script>`);