更改角度gantt组件的maxHeight没有任何效果
Changing maxHeight of angular-gantt component has no effect
我使用的是angular gantt库,在动态更改高度时遇到了一些问题。当我在控制器中设置maxHeight属性的新值时,它对视图没有影响。我认为,这样的改变应该是可能的,因为它在演示应用程序中工作(Angular Gantt演示-单击Layout->Height时)。也许我错过了什么?感谢任何线索。
这是我的示例代码:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="angular-gantt.css" />
<script src="angular.js"></script>
<script src="moment.js"></script>
<script src="angular-moment.js"></script>
<script src="angular-gantt.js"></script>
</head>
<body ng-app="myApp">
<script>
var myApp = angular.module('myApp', ['gantt']);
myApp.controller('Ctrl', ['$scope','$window', function($scope, $window){
$scope.cutSomeHeight = function() {
$scope.options.maxHeight -= 50;
}
$scope.options = {
maxHeight: 500,
data: [],
viewScale: "1 month",
columnWidth: 100
}
for (var i=0; i<100; i++){
$scope.options.data.push({name: 'Task' + i, tasks: [{name: i, from: moment("2015-01-01","YYYY-MM-DD").add(i % 12, 'months'), to: moment("2015-06-01","YYYY-MM-DD").add(i % 12, 'months')}]})
}
}]);
</script>
<div ng-controller="Ctrl">
<button ng-click="cutSomeHeight()">Cut</button>
<div gantt options="options"></div>
</div>
</body>
</html>
我发现当我把max-height属性放在gantt的div中时,它工作得很好。显然,它在将该变量绑定到gantt的作用域时遇到了一些问题,只依赖于options属性。
<div gantt options="options" max-height="options.maxHeight"></div>
相关文章:
- 函数参数中的数据与指定变量之间的任何性能差异
- 有没有任何方法可以将控制器从文件加载到ui路由器$stateProvider中
- jQuery中是否内置了任何字符串格式化函数
- 在单击任何位置时隐藏元素,而不检查每次DOM单击
- 是否有任何snippet或jQuery插件可以列出easylist.txt模式匹配的DOM中的所有元素
- 有任何可能将facebook实时信使整合到一个网站中
- 是否有任何方法可以使用jQuery替换在数组中定义值的文本
- AJAX:$_GET不返回任何值
- 在同一个服务工作者中处理service-worker.js有任何影响吗
- 将事件处理程序绑定到任何可能的事件
- 在Highcharts中,我们可以通过任何方式在渲染图表之前获得plotWidth和plotHeight
- 任何方式使AJAX调用Gmail API,而无需通过JS库
- document.styleSheets不返回任何内容
- 在D3.js中,有没有任何方法可以将x和y方向上的滚动事件绑定到平移svg
- Graphiti中是否有任何工具提示功能
- 有没有任何方法可以使用node-js从不同的机器打开浏览器
- 在解析对象.save()中;没有返回任何原因
- 任何浏览器都不支持javascript函数
- gmap3如何做到这一点-它显示圆圈的任何事件
- 更改角度gantt组件的maxHeight没有任何效果