[英]AngularJS dynamically injecting controller, class etc
我有一个动态构建的小部件列表。 每个小部件由html,类,控制器和名称表示。 其中一些可能是空的(例如,并非所有小部件都需要控制器)。 然后我使用Gridster将这些小部件动态加载到<li>
。
我的基本直觉是ngRepeat那些<li>
但是无法从范围变量动态加载Controller
。 我在这个问题中看到了各种建议但由于以下原因,我无法将它们放入我自己的代码中:
也许其中一个建议适合我,我只是看不到它,所以会欣赏指导。 这是相关代码:
HTML:
<div class="widgets-background" ng-controller="Investigation2Ctrl" data-ng-init="refetchData();toggleCollapse();initWidgets();">
<div id="widgets" class="gridster">
<ul>
<li data-row="1" data-col="1" data-sizex="1" data-sizey="1" class="yellow" name="Updates Widget">
<p style="white-space: pre;">{{gridsterUpdates}}</p>
</li>
<li ng-repeat="widget in widgetsList" name="widget.name" data-row="1" data-col="2" data-sizex="1" data-sizey="1">
<div ng-class="widget.widgetClass" ng-include="widget.widgetHtmlInclude" ng-controller="widget.widgetController"></div>
</li>
</ul>
</div>
</div>
JavaScript的:
function Investigation2Ctrl($scope, $http, $dialog, DialogService, Config, ApplicationContextService, CaseHierarchyService, GeoService, Logger, $timeout) {
$scope.widgetsList = [];
$scope.initWidgets = function() {
$scope.addWidget('Export Widget', 'partials/investigation/widgets/widget-export.html');
$scope.addWidget('Timeline Widget', 'partials/investigation/widgets/widget-timeline.html');
$scope.addWidget('Search Widget', 'partials/investigation/widgets/widget-search.html');
$scope.addWidget('Facets Widget', 'partials/investigation/widgets/widget-facets.html', 'FacetsCtrl');
};
$scope.addWidget = function(widgetName, widgetIncludeHtml, widgetController, widgetClass) {
widgetClass = typeof widgetClass !== 'undefined' ? widgetClass : 'widget-container';
$scope.widgetsList.push({
'widgetName': widgetName || '',
'widgetIncludeHtml': widgetIncludeHtml || '',
'widgetController': widgetController || '',
'widgetClass': widgetClass || ''
});
};
}
显然我得到的错误是widget.widgetController is undefined
,这使得因为他试图加载一个名为widget.widgetController
的控制器
我想到的唯一选择是动态地在JavaScript中创建<li><div ng-include...
html并注入它,但是,它很糟糕。
创建一个虚拟的空函数并将其用作控制器。
function dummyCtrl() {} // register as controller if required.
widgetController: widgetController ||'dummyCtrl'
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.