AngularJS - 动态创建HTML

Question

我对AngularJS很新，并希望完成以下任务：

我通过AJAX调用从服务器加载特定的id（整数）。 现在我想在HTML文档中包含该数字。现在，我这样做：

identifier = getNumberFromServerViaAjax();
var app = angular.module("processFormApp", []);
    app.directive('ngProcessform', function() {
        return {
            restrict: 'A',
            template: '<div id="identifier">'+identifier+'</div>';
        }
    });

以上代码位于外部JavaScript文件中。 那么这是在html文件中动态插入数据的正确方法吗？我还读了一些关于$ compile的内容，但这对我来说似乎很复杂。