AngularJS自定義指令與元素鏈接功能中的動態數據

Question

我想創建一個自定義指令，在那裏我想在元素的鏈接函數內追加模板。如果沒有角度表達/屬性，內容會很好。但是當我添加角度表達式/屬性時，UI會像[[object HTMLDivElement]，[object HTMLButtonElement]]一樣在瀏覽器上呈現爲對象。請讓我知道如何編譯自定義指令添加

HTML動態數據：

{{message}} 
<user-address></user-address> 

JS：

var module = angular.module('myApp', []); 
module.controller('myController', function ($scope) { 
$scope.User = 'Manju'; 
$scope.fnAddNewAddress = function() { 
    $scope.message = 'New address added'; 
} 
}); 

module.directive('userAddress', function ($compile) { 
var directive = {}; 
directive.link = function (scope, element) { 
    var template = '<div>Please find below the address of the user {{user}}</div><button ng-click="fnAddNewAddress()">Add address</button>'; 
    var lnkFn = $compile(template); 
    var content = lnkFn(scope); 
    element.html(content); 
} 
return directive; 
}); 

Answer 1

我知道了，我很想念這裏。我應該使用element.append代替element.html，並在鏈接功能