以角度设置变量

Set variable in angular

本文关键字：变量 设置      更新时间：2023-09-26

我想使用人力车模块在我的应用程序中创建一个图形。我按照这里的说明进行操作，没有成功：http://ngyewch.github.io/angular-rickshaw/#/home这是我的 HTML ： 

<rickshaw
            rickshaw-options="options1"
            rickshaw-features="features"
            rickshaw-series="series1">
        </rickshaw>

这是我的控制器：

app.controller('GraphsController', function ($scope ) {
    $scope.options1 = {
        renderer: 'area'
    };
    $scope.series1 = [{
            name: 'Series 1',
            color: 'steelblue',
            data: [{x: 0, y: 23}, {x: 1, y: 15}, {x: 2, y: 79}, {x: 3, y: 31}, {x: 4, y: 60}]
        }, {
            name: 'Series 2',
            color: 'lightblue',
            data: [{x: 0, y: 30}, {x: 1, y: 20}, {x: 2, y: 64}, {x: 3, y: 50}, {x: 4, y: 15}]
        }];
});

有人知道我做错了什么吗？谢谢！

看起来您可能需要在 <rickshaw> 标记上指定控制器。添加此属性标记，如下所示：

<rickshaw ng-controller="GraphsController"
          rickshaw-options="options1"
          rickshaw-features="features1"
          rickshaw-series="series1">
</rickshaw>

请注意，我现在已将 ng-controller 属性添加到 <rickshaw> 上的标签中，并将您在 JavaScript 中定义的控制器的名称指定为其值。希望这有帮助！

--编辑--

所以，经过一番调查，我有几点建议。第一个已经在另一个答案中指出，请确保您使用的是=而不是==属性标签。

第二，确保使用了控制器作用域对象中的正确变量名称。我注意到您正在使用features，但看起来不像是在任何地方的控制器中指定的。可能不会引起任何问题，但需要注意一些事情。

最后，我猜测问题是在您的模块规范中，您没有包含angular-rickshaw模块。在实例化角度应用程序的位置，必须包含角度人力车模块，如下所示：

var app = angular.module('myGraphApp', ['angular-rickshaw']);

没有这个，人力车模块将不包括在内，什么都不起作用。这是 plunker 中的一个工作示例： http://plnkr.co/edit/cKumiX7kYc90gNA2jdZW?p=preview

希望这能解决您的问题！

可能是rickshaw-options="options1"而不是rickshaw-options=="options1"？

相关文章：