javascript - 将数据从 Controller 发送到js函数

Question

我有 Controller :

function NameController($scope){
        $scope.data = {
            name: 'Alex',
        }
    }

和 HTML

    <div ng-controller="NameController">
        <a href="#" onclick="alert( {{data.name}} );"> ClickMe </a>
    </div>

为什么它不起作用以及如何使它起作用？ 谢谢。

Answer 1

当您在 View 中调用 alert 时，它实际上是在查找未定义的 $scope.alert。您可以在 Controller 中创建一个 alert 函数来调用 javascript alert 函数:

$scope.alert = function(data){
   alert(data);
};  

您还应该使用 ng-click 而不是 onclick:

<a href="#" ng-click="alert(data.name)"> ClickMe </a>

ng-click 采用 Angular 表达式。如果您使用 onclick，javascript(非 Angular)会尝试处理点击事件，但它不理解 {{data.name}} 是什么。

Demo