Angular $ scope Wert wird nicht auf einer Seite angezeigt

Ich fange an, Angular zu lernen und versuchte, die "Aufgabenliste" Aufgabe zu wiederholen, die sie auf der Homepage haben. Allerdings bin ich im Anfang an fest:

http://codepen.io/Deka87/pen/grGWqQ

Vorlage

<div ng-app> 
    <div ng-controller="TodoCtrl"> 
    <h2>{{totalItems}}</h2> 
    </div> 
</div>

Javascript

function TodoCtrl($scope) { 
    $scope.totalItems = 4; 
}

Ich scheine die gleiche Sache zu tun, aber es funktioniert nicht . Was ist los mit dir?

Quelle

2016-07-09 sdvnksv

Bitte passen Sie dieses auf einmal helfen, bevor Sie 'ng-repeat' implementieren http://campus.codeschool.com/courses/shaping-up -with-angular-js/level/1/Abschnitt/3/video/1 – Sankar

Sie haben kein Modul, dh Ihre App, deklariert. https://docs.angularjs.org/guide/module – Roope

Zuerst müssen Sie die angular Bibliothek importieren, dann instanziiert Ihre app und schließlich Ihre Controller erstellen, auf diese Weise:

angular.module('app', []) 
 
    .controller('TodoCtrl', function($scope) { 
 
    $scope.totalItems = 4; 
 
    });

<html ng-app="app"> 
 

 
<head> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.7/angular.min.js"></script> 
 
</head> 
 

 
<body ng-controller="TodoCtrl"> 
 
    <div> 
 
    <h2>{{totalItems}}</h2> 
 
    </div> 
 
</body> 
 

 
</html>

empfehle ich Ihnen, das überprüfen: What is a Module?

Quelle

2016-07-09 17:02:33 developer033

Danke, es funktioniert so. Ich frage mich, warum sie das nicht in ihrem Video haben. – sdvnksv

Froh, dass es hilft, welches Video hast du gesehen? – developer033

https://angularjs.org/ die Aufgabe Aufgabenliste. – sdvnksv

Hier ist die Gabel Ihres Codepen mit dem Code arbeiten Ing.

Sie müssen die Winkel Skript
Sie benötigen eine Winkel App wie diese
Injizieren Sie die App in Ihrem HTML verwenden ng-App

erstellen Controller und injizieren sie in Ihrem HTML importieren erstellen Verwendung ng-Controller

angular.module('app', []).controller('TodoCtrl', 
    function ($scope) { 
    $scope.totalItems = 4; 
});

Gehen Sie durch diese Übungen, die Sie verstehen es besser

Tutorial

Quelle

2016-07-09 17:04:47 Srijith

Angular $ scope Wert wird nicht auf einer Seite angezeigt

Antwort

Verwandte Themen