Angular.js: erstellen von controller-Modul?

Möchte ich definieren einen controller beim verwenden des Moduls:

angular.module('todoList', [], function () {

}).controller('myCtrl', function ($scope) {
    return function ($scope) {
        $scope.todos = [
            {
                text: "Hello"
            }, {
                text: "World"
            }
        ]
    }

})

dann möchte ich das Modul und die ccontroller:

<div ng-controller="myCtrl" ng-app="todoList">  
        <li ng-repeat="todo in todos">
            <span>{{todo.text}}</span>
        </li>>
</div>

aber es render nichts, was ist falsch an meinem code?

InformationsquelleAutor hh54188 | 2013-04-01

  1. 15

    Dem controller ist falsch, es gibt keine Notwendigkeit zu haben, eine Rückkehr-Funktion.

    angular.module('todoList', [], function () {

}).controller('myCtrl', function ($scope) {

        $scope.todos = [
            {
                text: "Hello"
            }, {
                text: "World"
            }
        ]
})

    Demo: Plunker

    Wie würde ich erstellen Sie eine Instanz-Methode auf die myCtrl controller?
    was meinst du mit einer Instanz-Methode
    Ich denke mein problem ist mehr mit ng-klicken Sie auf Nein, verlinken irgendwo. Wenn ich auf einen button möchte ich nennen eine Funktion auf dem controller eher als das Lesen einer Eigenschaft
    Es wird besser sein, wenn Sie eine neue Frage mit deinem code gemeinsame
    Gerade gebucht 😉 stackoverflow.com/questions/21718741/...

    InformationsquelleAutor Arun P Johny

  2. 2

    Offiziellen Docs:

    http://docs.angularjs.org/guide/controller

    Syntax:

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

myApp.controller('GreetingController', ['$scope', function($scope) {
  $scope.greeting = 'Hola!';
}]);

    InformationsquelleAutor Bijan

  3. 1
    var myName1=angular.module("myName",[]);
myName1.controller("nameInfo",["$scope",function($scope){
$scope.name="Rajnish";
$scope.address="Delhi";
}
])

    InformationsquelleAutor Rajnish Bakaria

  4. 0

    Nicht viel anders, aber dieses funktioniert auch.

    angular.module('todoList', []).
    controller('myCtrl', 
      function ($scope){
       $scope.todos=[{text: "Hello"},{text: "World"}];
     });

    InformationsquelleAutor Otpidus

  5. 0

    Können Sie tun, wie dies auch durch die Verwendung von JS im strikten Modus-

    (function() {
'use strict';
angular.module('listProject', []);
})();

(function() {
'use strict';
angular.module('listProject').controller('MyController', ['$scope', 
  function($scope) {
    console.log("Hello From ListProject Module->My Controller"):

   }

])

})();

    InformationsquelleAutor mogg

Schreibe einen Kommentar