Angular.js “typeError: V2.Beispiel ist nicht eine Funktion" Fehler

ich bin neu in angular.js und ich bin nach einem tutorial gemacht wurde, vor etwa einem Jahr
ich bin versuchen, um eine such-Funktion, die die Eingabe und Suche in
Github.com
Der HTML-code ist :

<!DOCTYPE html>
<html ng-app="github">

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

<body ng-controller="main">
    <h1>{{message}}</h1>
    <p> {{username}} </p>
    <form name="search">
        <input type="search" placeholder="enter name" ng-model="username">
        <button type="submit" ng-click="search(username)">search</button>
    </form>
    <div>
        <h1> {{user.login}} </h1>
        <img src="http://www.gravatar.com/avatar/{{user.gravatar_id}}">
        <p> {{user.type}} </p>
    </div>
</body>

</html>

und der JS-code :

//Code goes here
(function () {
    var app = angular.module("github", []);
    var main = function ($scope, $http) {
        var onComplete = function (response) {
            $scope.user = response.data;
        };
        var onError = function (reasone) {
            $scope.error = "no can";
        };
        $scope.search = function (username) {
            $http.get("http://api.github.com/users/" +username).then(onComplete, onError);
        };
        $scope.message = "Git hub viewer";
    };
    app.controller("main", ["$scope", "$http", main]);
}());

dieser gibt mir eine Fehlermeldung >>> TypeError: v2.die Suche ist nicht eine Funktion <<<
Hilfe:
ich hab ein problem, und die Lösung war nicht zu verwenden "main" - Funktion im global-Typ, aber "suchen" ist nicht global denke ich .. hoffe, dass dies helfen

hier ist der codepen-link:

http://codepen.io/ToBeM12/pen/vGvwzo

haben Sie versucht, auf die Konsole
dieser Fehler wird auf der Konsole
ersetzen Sie $Umfang mit diesem in der Suchfunktion.Suche
nicht helfen 🙁
was ist der link zu dem tutorial?

InformationsquelleAutor To Be | 2016-05-05

  1. 0

    Mögliche Lösung: die IIFE ist falsch geschrieben.

    (function(){...}());

    statt

    (function(){...})();

    Für jetzt, dies ist der einzige Fehler, den ich finden konnte.

    hat dieser Ihnen helfen?
    thx, aber nicht zu
    nach all dieser Zeit .... das hat funktioniert ... ich habe es nur falsche Weg

    InformationsquelleAutor cst1992

  2. 14

    die Funktion hat den gleichen Namen wie eine andere variable und Konflikt in $scope

    In Ihrem Fall ersetzen Sie einfach $scope.search zu $scope.searchuser seit $scope.search ist schon definiert..

    in der Tat ist dies wahrscheinlich geschehen, Fall
    danke Adrivan

    InformationsquelleAutor Rex Adrivan

  3. 7

    Ich gesehen habe, Fragen, wo der name des Formulars ist das gleiche wie eine scope-Funktion oder-variable name. Versuchen Sie das umbenennen der form "Suchseite" zu vermeiden, die in Konflikt mit $scope.Suche.

    ja, das ist das, was mir passiert ist. Mein ng-Modell genannt wurde editReview und ich hatte eine Funktion namens editReview auch.

    InformationsquelleAutor Integrator

  4. 2

    Versuchen, diese

    angular.module('github',[])  
.controller('main', ['$scope', '$http', function($scope, $http) { 
$scope.message = "Git hub viewer";
$scope.search = function (username) {
            $http.get("http://api.github.com/users/" +username).then(function(response){
                 $scope.user = response.data;
            });
        };
}])
    nicht gelöst ist das problem ..

    InformationsquelleAutor Wasiq Muhammad

  5. 2

    Eine einfache Lösung, ändern Sie die form name Ihrer form name stört die Funktion name

    AngularJS Fehler: TypeError: v2.Anmeldung nicht um eine Funktion

    Oben ist eine ähnliche Frage, die half mir lösen die Frage.

    InformationsquelleAutor Black Mamba

  6. 1

    Machen es nicht,

    $scope.example = () => {
  $scope.example = 'object';
}

    InformationsquelleAutor jales cardoso

  7. 0

    @Integrator schrieb die richtige Antwort. Möchte nur hinzufügen, um den Zugriff auf das Formular aus der Winkel-controller müssen Sie auch schreiben $Umfang.formName. Zum Beispiel:

    $scope.search.username.$invalid = true;

    In dieser Weise setzen Sie form-element ist ungültig. Also in deinem Fall eckig verwechseln form mit Methode. Es ist eine gute Praxis zu legen form Namen wie: xxxxForm zur Vermeidung solcher Konflikte

    InformationsquelleAutor OlegI

  8. 0

    Ich weiß, das wurde schon beantwortet, aber ich hatte auch den gleichen Fehler. Am Ende war es, hatte ich type="submit" auf meinem button mit einem ng-click. Wenn ich entfernt type="submit" ist, die Funktion hat gut funktioniert und ich nicht mehr die Fehlermeldung kam.

    InformationsquelleAutor user2162298

Schreibe einen Kommentar