将模板绑定到数据以获取Angularjs中的html文本

Question

使用$compile(element)(scope)手动将某些数据绑定到dom元素时，我遇到了一个奇怪的问题。

请查看example code here.

在示例预览中，当您单击“绑定模板”按钮时，模板将使用一些数据进行编译并呈现为dom元素。但是再次单击该按钮时，仅显示模板。知道这里可能出现什么问题。

Answer 1

我不知道你这样做是做什么的，但你应该使用指令代替。

Here is your plunker working with a directive

app.controller('MainCtrl', function ($scope, $http, $templateCache, $compile) {
        $scope.name = 'World';
        $scope.result = '<empty>';

        $scope.bindTemplate = function () {
                $scope.item = {
                    CaseNumber: 1234,
                    CandidateName: 'Joe Smith',
                    CandidateEmail: 'joe@smith.com',
                    IsActive: true
                }
        };

});

app.directive('caseDetails', function() {
    return {
        templateUrl: "template.html"
    }
})