我想创建一个用于控制不同文件的自定义面板。我正在尝试使用ng-include或指令,但是他们都抛出了这个错误:" App已经使用此元素进行了自举#34;
我想做的是。
模板:presentationControls.html
<input class="btn-control" type="image" src="../../img/control_icons/fullscreen-icon.png" />
<input class="btn-control" type="image" src="../../img/control_icons/prev-icon.png" ng-click="sendControlCommand('{PGUP}')" />
<input class="btn-control" type="image" src="../../img/control_icons/next-icon.png" ng-click="sendControlCommand('{PGDN}')" />
<input class="btn-control" type="image" src="../../img/control_icons/close-icon.png" ng-click="closeFile(file.id)" />
在我的index.html
中<div class="row">
<div class="col-sm-4"></div>
<div class="col-sm-8 center-block text-center">
<div class="btn-group" ng-show="true" ng-include="'..\..\views\partials\presentationControl.html'"></div>
</div>
</div>
如果我将模板作为模板包含在内,我也尝试制定自己的指令:&#39; ...&#39;但不是在使用templateUrl
时myApp.directive("controlsPanel", [function () {
return {
restrict: 'A',
templateUrl: '..\..\views\partials\presentationControl.html',
link: function(scope, element, attrs) {}
}
}]);
我尝试将其创建为属性或元素,以查看它是否与它有关。
我没有使用angular.bootstrap,我只是声明ng-app =&#34; ...&#34;曾经如此,这不是原因:(我不知道如何解决这个问题。欢迎任何帮助:)
谢谢!