Question

我正在尝试创建动态指令。但我得到错误。有人纠正我吗？

这是我的代码：

var data = [{completed:40}, {completed:20}, {completed:55}, {completed:69}, {completed:71}]
var newApp = angular.module('myApp', []);

newApp
.controller('home', ['$scope', function ($scope, $compile) {
    $scope.data = data;
    for(var i=0; i < $scope.data.length; i++) {
        $('.content').append($compile("<title></title>")(scope));
        $scope.$apply(); 
    }
}]);

newApp
.directive('title', function ($compile, $http) {
    return {
        restrict:'E',
        replace : true,
        template : '<h2 class="que t3">QQQ</h2>',
        link : function () {
            console.log('link called');
        }
    }
});

Live Demo

Answer 1

遗漏了一些东西：http://jsfiddle.net/8vyduzam/2/

var data = [{completed:40}, {completed:20}, {completed:55}, {completed:69}, {completed:71}]
var newApp = angular.module('myApp', []);



newApp
.controller('home', ['$scope', '$compile', function ($scope, $compile) {
    $scope.data = data;
    for(var i=0; i < $scope.data.length; i++) {
        $('.content').append($compile("<title></title>")($scope));
    }
}]);

newApp
.directive('title', function ($compile, $http) {
    return {
        restrict:'E',
        replace : true,
        template : '<h2 class="que t3">QQQ</h2>',
        link : function () {
            console.log('link called');
        }
    }
});

有三件事

在函数中，第二个参数接受一个数组，该数组列出要注入数组最后一个元素的所有服务，即控制器函数。所以你需要添加＆＃39; $ compile＆＃39;所以它被传入。
在实际编译scope指令而不是title时，您还使用了$scope。
在控制器功能期间，它已经在$digest循环中，因此您还可以删除额外的$apply()。

动态地如何添加指令？

1 个答案: