ng-submit在这个plunk中无法工作。

15 浏览
0 Comments

ng-submit在这个plunk中无法工作。

我刚接触AngularJS，正在构建我的第一个应用程序以显示用户并同时访问GitHub API。\n这是我正在使用的plunk：\nhttp://plnkr.co/edit/bJxijtHV4kBmJ3heMxA9?p=preview\n表单代码：\n

\nJavaScript代码：\n

var app = angular.module('myApp', []);
app.controller('MainController', function($scope, $http) {
var Search = function(userName) {
$http.get('https://api.github.com/users/' + userName)
  .then(function(response) {
    $scope.person = response.data;
  });
 };
});

\n请告诉我我哪里错了。这是我的第一个应用程序。请原谅任何愚蠢的错误 🙂

0

3 答案

0 Comments

ng-submit not working for this plunk

首先，尝试学习如何在angularJS控制器中编写函数。您将search定义为变量对象而不是函数。

尝试这个 -

$scope.search = function(userName) {
$http.get('https://api.github.com/users/' + userName)
  .then(function(response) {
    $scope.person = response.data;
  });
};

如果您是angularJS的新手，请从这里学习......

http://stackoverflow.com/questions/11063673

问题出现的原因是在angularJS控制器中定义的search不是一个函数，而是一个变量对象。解决方法是将search定义为一个函数，并在函数内部调用$http.get方法来获取数据。另外，如果您是angularJS的新手，可以从给出的链接中学习更多关于angularJS的知识。

0
0 Comments

ng-submit not working for this plunk问题的出现的原因是代码中缺少了正确的语法和逻辑。在给出的代码中，ng-submit指令没有被正确使用，导致无法正常工作。

为了解决这个问题，可以按照以下步骤进行操作：

1. 在HTML模板中，确保正确使用ng-submit指令，并将其绑定到一个函数上。例如，可以将ng-submit指令绑定到名为Search的函数上。

<form ng-submit="Search(userName)">
  <input type="text" ng-model="userName" />
  <input type="submit" value="Submit" />
</form>

2. 在控制器中定义Search函数，并在函数内部编写相关代码。确保函数的参数与在HTML模板中使用ng-submit指令时传递的参数一致。

$scope.Search = function(userName){
  // 这里是函数的实际代码
}

通过以上步骤，可以解决ng-submit指令不起作用的问题。当用户点击提交按钮时，将调用Search函数，并将输入的用户名作为参数传递给该函数。在函数内部，可以编写执行相关操作的代码。

请注意，这只是一个解决ng-submit not working for this plunk问题的示例。具体的解决方法可能因代码环境和逻辑的复杂性而有所不同。然而，遵循正确的语法和逻辑，并确保正确地使用ng-submit指令，可以解决此类问题。

0
0 Comments

在这个问题中，"ng-submit not working for this plunk"，问题的出现原因是没有将submit函数绑定到作用域属性中，因为在HTML中，普通函数和变量是无法访问的。

解决方法是将submit函数绑定到作用域属性中，代码如下：

$scope.Search = function(userName) {
    $http.get('https://api.github.com/users/' + userName)
        .then(function(response) {
            $scope.person = response.data;
        });
};

可以通过更新的Punker来查看修改后的代码。

0