在html模板的变化不反映
Changes in html template do not reflect
我正试图添加一些按钮到GeoNetwork 3 MapViewer。不幸的是,我是AngularJS的新手,GN3是用它写的。所以我所做的就是编辑'gnMainViewer'指令使用的html模板。
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。但是不会显示新的按钮。此外,将注释"右上角按钮"更改为其他内容不会对显示的MapView-Page产生任何更改。即使重新启动服务器也不会改变任何东西。
有人能解释一下为什么AngularJS会这样反应吗?什么好主意吗?原来我必须在调试模式下运行页面,例如http://localhost:8080/geonetwork/srv/ger/catalog.search?debug#/map强制加载所有AngularJS文件,并且不带缓存
相关文章:
- 为什么 HTML 文本字段的值在有逗号时会发生变化
- HTML/Javascript-360度图片的路径更改(显示不同的变化)
- 如何观察聚合物元素属性值从索引.html的变化
- 一旦 JavaScript 中任何 HTML 元素的值发生变化,就会更新画布
- 当角度$scope发生变化时,不要更新 HTML
- titlte/tooltip 对布尔变化 HTML 的反应, AngularJS.
- 一个不断变化的JavaScript变量在HTML中的多个位置显示(并更新)
- jQuery更改了html页面的内容;查看源“;don'不能反映变化
- 动态检测html元素属性的变化
- 实时预览HTML和CSS的变化
- 使用jQuery检测HTML文本区域的变化并单击函数
- 当javascript中的输入发生变化时,在html textarea中自动更改文本
- 刷新javascript页面而不刷新HTML,而是作为窗口'宽度变化
- 当不同文件的内容发生变化时,如何刷新HTML文件
- 使HTML背景不断变化
- 将html移到php include后,情况发生了变化
- 有没有可能设定一个“手表”?这样,当HTML元素发生变化时,它就会碰到javascript调试器断点
- 用Javascript跟踪HTML元素上的显示变化
- 如何在HTML中触发onChange事件,即使内容在js中发生了变化
- 在angularjs中,当选择框发生变化时,动态更新span内部的html