在按下回车键或按钮点击时将输入值传递给控制器。

19 浏览
0 Comments

在按下回车键或按钮点击时将输入值传递给控制器。

我正在尝试学习AngularJS，为我正在开发的Ionic应用做准备。由于之前主要使用jQuery进行DOM操作而非框架化，所以对AngularJS有些困惑。\n如果我有以下标记：\n

\n当按下回车键或发送按钮时，我如何将输入框中的值传递给控制器？由于我正在开发一个聊天应用，所以我认为需要采用模型方法来实现自动更新消息列表，但除此之外我一无所知。\n有人可以帮助我或者至少指点我正确的方向吗？

0

2 答案

0 Comments

问题出现的原因：在给控制器传递输入值时，可能会遇到一些困难，需要通过按钮点击或按下回车键来实现。

解决方法：可以使用Angular的ng-click函数来将值传递给控制器。首先，在视图中编写一个控制器的JS脚本，并将其与视图链接起来。然后，在控制器中定义一个函数，接收输入值。最后，在视图中使用ng-click函数来传递值给控制器。

示例代码如下：

视图：

click me

控制器：

$scope.foo = function(input) { 
    alert(input); 
};

以上代码中，通过ng-click函数将字符串值传递给名为"foo"的控制器函数。当用户点击"click me"时，控制器函数将弹出一个对话框，显示传递的字符串值。

0
0 Comments

问题的出现原因是在输入框中输入的值无法传递给控制器。解决方法是使用AngularJS的ng-model指令将输入框的值绑定到控制器的变量上，然后在按钮的ng-click事件中调用控制器的函数，从而将输入框的值传递给控制器。

具体的代码如下：

HTML:

JS:

var myApp = angular.module('myApp', []);

function MyCtrl($scope) {

$scope.foo = null;

$scope.doSomething = function () {

alert("你好，" + $scope.foo);

}

}

通过上述代码，我们可以实现输入框中输入的值在点击按钮时传递给控制器，并在弹出框中显示出来。

你可以在下方的链接中查看一个可工作的示例：

示例链接

我也建议你阅读一下这篇帖子，里面有更详细的解释：

帖子链接

0