javascript - 简单的 ng-click 在 typescript 中不起作用

标签 javascript angularjs typescript

我正在尝试从我的 html 页面调用点击函数中的一个函数, 添加了来自 nuget 的所有 typescript 定义文件,但出了点问题 我的点击功能不工作....即使在控制台中也没有错误

这是我的 Hrml 和 Controller 代码

HTML 页面

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">


<head>
    <script src="Scripts/angular.js"></script>

    <script src="test.js"></script>
    <title></title>

</head>
<body ng-app="testModule">
    <div ng-controller="test">
        <input type="button" ng-click="click()" value="test" />
    </div>
</body>
</html>

Controller

angular.module("testModule", []);

class test {

    constructor() { }

    click() {

        alert();
    }
} 


angular.module("testModule").controller("test", test );

最佳答案

这不起作用,因为 ng-click="click()" 试图调用未定义的 $scope.click()

我强烈建议您使用 controller as -使用 AngularJS 和 Typescript 时的语法

Demo

关于javascript - 简单的 ng-click 在 typescript 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36451752/

相关文章:

javascript - 更改 $scope 时,带有 ng-options 的 EDIT<select> 不会刷新所选内容

typescript ,合并对象类型?

angular - Material 日期-fns 适配器

javascript - 我可以使用 Angular 变量作为音频标签的来源吗?

javascript - 如果参数不在 AJAX 调用期间,则包含 NULL 条目

javascript - 将 Controller 变量传递给 Express/Node.js 中的 View

javascript - 寻找三次贝塞尔曲线控制点的算法(实现细节)

javascript - 无法更改页面中的对象值,但在控制台日志中显示为工作(AngularJS)

angularjs - Angular ui-router按刷新导致404错误

javascript - TypeScript 接口(interface)上的可选参数