在 DevExtreme Widgets 中使用存储在 $scope 中的数据
Use data stored in $scope in DevExtreme Widgets
我现在的代码非常简单。在我的脚本中.js我有:
var myApp = angular.module('myApp', ['dx']);
myApp.controller("defaultCtrl", function ($scope, $http) {
$http.get("test.json").success(function (response) {
$scope.data = response;
});
console.log($scope.data);//This shows "undefined"
$(function () {
$("#gauge").dxCircularGauge({
rangeContainer: {backgroundColor: 'peachpuff'},
valueIndicator: {color: 'palegoldenrod'},
value: 32,
title: $scope.data[0].title,
animation: {
easing: 'linear',
duration: 750
}
})
});
});
然后在我的 Html 文件中,我有一个基本的 AngularJS 模块。
<body ng-controller="defaultCtrl">
<div id = "gauge">
</div>
</body>
我需要从 json 文件中读取设置,并从这些设置生成图形。但是,我被困住了。任何帮助将不胜感激。请不要告诉我不要使用AngularJS或DevExtreme。
这是一个
转折的问题。因此,最初没有定义$scope.data,您尝试将其绑定到小部件。
绑定成功中的数据,否则您就是$q承诺 API
$scope.BindWidget = function(data){
$("#gauge").dxCircularGauge({
rangeContainer: {backgroundColor: 'peachpuff'},
valueIndicator: {color: 'palegoldenrod'},
value: 32,
title: data[0].title,
animation: {
easing: 'linear',
duration: 750
}
})
});
}
$http.get("test.json").success(function (response) {
$scope.BindWidget(response);
});
当然,您有这个问题,因为您没有以角度方式使用小部件。即使我提供了这个答案,我强烈建议您将方法更改为DevExpress推荐的正确方式。
在这里,您可以找到有关如何以角度方式使用量规控件的更多信息,以便它响应范围变化并成为摘要周期的一部分
相关文章:
- 将$scope数据传递给$stateProvider.state解析
- Angular JS(离子)数据数组到$scope元素
- Angular Service数据未在$scope中更新
- 工厂返回数据后未设置角度$scope
- 如何将数据从ASP.NET WebForms传递到Aurelia Global Scope
- 从HTML模板中的$http请求中检索的$scope访问更深层次的数据
- 如何通过AngularJS中的一个调用在多个控制器($scope)中插入相同的数据
- 从angularjs中的$scope在$http.post中发送动态数据
- 在 angularjs $scope中获取数据,同时从 django 获取数据
- 角度$scope在 HTML 中未显示正确的数据
- 在 DevExtreme Widgets 中使用存储在 $scope 中的数据
- 角度不显示$scope数据,ng 重复传入控制器.也没有错误
- 向 parse.com 发送数据并更新角度$scope
- 从 JSON 获取数据并将此元素添加到变量$scope
- 在 2 个不同的功能之间共享 $scope.数据
- 定义可能需要在AngularJS中修改$scope数据的实用程序/帮助程序方法的理想方式是什么
- 在AngularJs中从视图到工厂访问$scope数据
- $scope数据在angular的数组格式
- 仅当$scope数据发生变化时更新DOM
- 如何在使用$window.location更改位置后获得更新的($scope)数据