AngularJs：顯示使用指令創建的表內的json對象的數據

Question

我創建的小提琴在下面給出......問題在於，即使在我的dynamicContent指令中的$ compile之後，json對象的模板中的val也沒有被更新。有人可以幫忙嗎？

http://jsfiddle.net/hyvz75cz

var app = angular.module('app', []); 

app.controller('fieldController', function ($scope) { 

$scope.columns = [ 
    { label: "First Name", name: "Fname", template: "<div>{{val}}</div>" }, 
    { label: "Last Name", name: "Lname", template: "<div>{{val}}</div>" }, 
    { label: "Email", name: "Email", template: "<div>{{val}}</div>" } 
]; 

$scope.data = [ 
    { Fname: "Tom", Lname: "Assassin", Email: "tom@d.c" }, 
    { Fname: "chris", Lname: "Unkown", Email: "chris@d.c" }, 
    { Fname: "troy", Lname: "forever", Email: "troy@d.c" }, 
    { Fname: "bead", Lname: "trash", Email: "bead@d.c" }, 
]; 
}); 

app.directive('dynamicHeader', function ($compile) { 
return { 

    restrict: 'E', 
    replace: true, 
    scope: { model : '='}, 
    template: '<div>{{model.label}}</div>', 
    link: function (scope, element) { 
     $compile(element)(scope); 
    } 
}; 
}); 

app.directive('dynamicContent', function ($compile) { 
return { 

    restrict: 'E', 
    replace: true, 
    scope: { 
     model: '=', 
     val: '=' 
    }, 
    template: '<div>{{model}}</div>', 
    link: function (scope, element) { 
     $compile(element)(scope); 
    } 
}; 
}); 

Answer 1

我糾正你的plunker例如：

http://jsfiddle.net/hyvz75cz/5/

scope: { 
     model: '=', 
     val: '=' 
    }, 
    template: '', 
    link: function (scope, element) { 
     element.append(scope.model); 
     $compile(element.contents())(scope); 
    }