Question

我正在尝试向GeoNetwork 3 MapViewer添加一些按钮。不幸的是，我是AngularJS的新手，GN3是用来编写的。所以我所做的就是编辑html-template＆＃39nngainViewer＆＃39;指令正在使用。

ViewerDirectve.js：

module.directive('gnMainViewer', [
'gnMap',
function(gnMap) {
  return {
    restrict: 'A',
    replace: true,
    scope: true,
    templateUrl: '../../catalog/components/viewer/' +
        'partials/mainviewer.html',
[...]
}]);

在这个模板中，我可以找到MapView中显示的按钮。

mainviewer.html：

  <div class="wrapper" data-ng-controller="gnViewerController">

  <div data-gn-alert-manager=""></div>
  <div id="map" ngeo-map="map" class="map"></div>
  <div gn-gfi="" map="map"></div>
  <div gn-localisation-input map="map"></div>

  <!--Top right buttons - Tools-->
  <div class="tools tools-right" gi-btn-group gnv-close-panel data-ng-controller="toolsController">
    <button class="btn btn-default" ng-model="activeTools.addLayers" type="submit"
            rel="#addLayers" gi-btn gnv-tools-btn>
      <span class="fa fa-plus"></span>
      <span role="tooltip" data-translate="">addLayers</span>
    </button>
    <button class="btn btn-default" ng-model="activeTools.layers" type="submit"
            rel="#layers" gi-btn gnv-tools-btn>
      <span class="fa fa-tasks"></span>
      <span role="tooltip" data-translate="">Layers</span>
    </button>

[...]
</div>
</div>

所以我添加了一个按钮，让我们说：

<button class="btn btn-default" ng-model="" type="submit"
            rel="#" gi-btn gnv-tools-btn>
      <span class="fa fa-beer"></span>
      <span role="tooltip">NewButton</span>
    </button>

到模板。

然后我保存了我的更改并刷新了我服务器上的MapView-Page。但是不会显示新按钮。此外，更改评论＆＃34;右上角按钮＆＃34;对其他内容不会对显示的MapView-Page进行任何更改。即使重新启动服务器也不会改变任何内容。

有人可以解释一下为什么AngularJS会这样反应吗？任何想法？

Answer 1

原来我必须在调试模式下运行页面，例如http://localhost:8080/geonetwork/srv/ger/catalog.search?debug#/map 强制单独加载所有AngularJS文件而不缓存。

html模板中的更改不会反映出来

1 个答案: