javascript - 设置 Angular 变量

我想使用人力车模块在我的应用程序中创建图形。我按照此处的说明进行操作，但未成功：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模块。在实例化角度应用程序的地方，必须包括angular-rickshaw模块，如下所示：

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

否则，将不包括人力车模块，并且将无法正常工作。这是plunker中的一个工作示例：http://plnkr.co/edit/cKumiX7kYc90gNA2jdZW?p=preview

希望这能解决您的问题！

Rickshaw

javascript - 设置 Angular 变量