AngularJS - 基于指令动态生成HTML

时间:2015-04-26 16:12:24

标签: angularjs

假设我想动态生成一些Html,但基于我的指令中的相同定义,我将如何实现这一目标?

我的指令目前正在期待JSON:

app.directive('myDirective', [function () {
    return {
        template: '<div>A far more impressive template lives here...</div>',
        restrict: 'AE',
        scope: {
            eventData: '='
        },
        link: function ($scope, $element, $attrs) {
            //some cool functions...
        }
    };
}]);

在我的ng-repeat元素中,我有这样的事情,其中​​event-data包含ng-repeat,子句中的命名范围项。

<div ng-repeat="event in myCtrl.events">
    <my-directive event-data="event"></my-directive>
</div>

那么我该如何手动传入一些JSON来用作数据属性,这样我就可以在其他地方生成片段,例如在scoped ng-repeat之外?

我希望做的是向我的控制器添加一个函数,它只返回我的指令的新实例,然后我就可以在其他地方植入(我实际上希望将其用作Google Maps信息的内容)窗口)。

我希望我在这里有所了解!

由于

0 个答案:

没有答案