HTML-我在使用bind将this语句更改为指向我的控制器Javascript MVC-Stack溢出时遇到困难

顺晟科技

2022-10-19 14:24:25

我试图在一个简单的打印hello world程序中实现模型视图控制器模式。我可以让一切正常工作，除了在我点击程序中的按钮后的最后。我试图将我的函数绑定到控制器，以便函数使用控制器中的this语句访问控制器中的模型和视图实例。当我单击按钮时，函数中的this语句引用的是button对象而不是控制器。我在使用bind更改this语句指向的内容时遇到了困难。如有任何帮助，不胜感激。谢谢。

<!DOCTYPE html>
<html lang="en">
<head>
    <title> Hello World MVC </title>
    <link rel="stylesheet" href="css file name">
</head>
<body>
    <div id="container">
        <input type=text id="textBox">
        <button id="displayButton">Display</button>
    </div>
    <script src="mainbind.js"></script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <title> Hello World MVC </title>
    <link rel="stylesheet" href="css file name">
</head>
<body>
    <div id="container">
        <input type=text id="textBox">
        <button id="displayButton">Display</button>
    </div>
    <script src="mainbind.js"></script>
</body>
</html>

顺晟科技：

问题是，在已将未绑定版本用作回调后，正在更改控制器实例属性。

您可以在创建控制器时通过直接绑定来修复它。或者最好使用箭头函数。

<!DOCTYPE html>
<html lang="en">
<head>
    <title> Hello World MVC </title>
    <link rel="stylesheet" href="css file name">
</head>
<body>
    <div id="container">
        <input type=text id="textBox">
        <button id="displayButton">Display</button>
    </div>
    <script src="mainbind.js"></script>
</body>
</html>

上一篇：css-html使div可在移动（空下一篇：html-djanfo：服务器中的C

网站建设

Html

HTML-我在使用bind将this语句更改为指向我的控制器Javascript MVC-Stack溢出时遇到困难