在控制台中调用角度函数答案

【问题标题】：Invoke angular function in console在控制台中调用角度函数
【发布时间】：2017-02-05 09:14:13
【问题描述】：

我是新手。我有一行这样的代码是为我编写的。

<a class="pull-right btn btn-primary" ng-click="addWidget()"><i class="glyphicon glyphicon-plus"></i> Add Widget</a>

效果很好（它将作为盒子元素的小部件添加到页面中）。该函数在控制器 DashboarCtrl 中定义如下

    $scope.addWidget = function() {
        $scope.dashboard.widgets.push({
            name: "New Widget",
            sizeX: 1,
            sizeY: 1
        });
    };

如何在控制台中调用相同的函数？我试过了 angular.element('#DashboardCtrl').scope().addWidget();

【问题讨论】：

标签： javascript angularjs console

【解决方案1】：

假设您的添加小部件链接有一个 id (add_widget)。然后就可以通过id和click找到元素了。

<a id="add_widget" class="pull-right btn btn-primary" ng-click="addWidget()">
    <i class="glyphicon glyphicon-plus"></i> Add Widget
</a>

angular.element('#add_widget').click();

【讨论】：

知道了就这么简单。谢谢，就是这样。