Angular JS: powtarzanie ng nie działa


Jestem nowy w Angular JS. I to jest pierwszy raz, kiedy napisałem kod przy użyciu Angular JS, patrząc na samouczek. Ale w tym samouczku wideo kod działa poprawnie, ale mój kod nie działa. Moja strona internetowa wyświetla pustą stronę.
W

index.html

<!DOCTYPE html>

<html ng-app xmlns="[url=http://www.w3.org/1999/xhtml">]http://www.w3.org/1999/xhtml">[/url]

<head>

 <title>MTG Browser</title>

 <link href="index.css" rel="stylesheet"/>

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

 <script src="CardsController.js"></script>

</head>

<body ng-controller="cardsListController">

 <div id="cardsList">

 <div ng-repeat="card in cards" class="cardItem">

 Card {{card.id}}

 

 

</body>

</html>

I

CardsController.js

var cardsListController = function ($scope) {

 $scope.cards = [{ id: 1 }, { id: 2 }];

};

Czy ktoś może wyjaśnić, dlaczego kod nie działa?
2021-03-02 Dodaj komentarz
Udostępnij to

Nie znaleziono powiązanych wyników

    Zaproszony:
    Anonimowy użytkownik

    Anonimowy użytkownik

    Potwierdzenie od:

    Html
    <html ng-app="myApp">
    
<head>
    
 <title>MTG Browser</title>
    
 <link href="index.css" rel="stylesheet"/>
    
<script src="[url=http://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js"></script>]http://ajax.googleapis.com/aja ... gt%3B[/url]
    
<script src="script.js"></script>
    
</head>
    
<body ng-controller="cardsListController">
    
<div id="cardsList">
    
 <div ng-repeat="card in cards" class="cardItem">
    
 Card {{card.id}}
    
 </body>
    
</html>

    i .js
    angular.module('myApp', []);
    
var cardsListController = function ($scope) {
    
$scope.cards = [{ id: 1 }, { id: 2 }];
    
};
    2021-03-02 0 0
    Udostępnij to
    Anonimowy użytkownik

    Anonimowy użytkownik

    Potwierdzenie od:

    Zmieniłem twój kod i jego pracę. 
    <!DOCTYPE html>
    
<html>
    
<script src= "[url=http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>]http://ajax.googleapis.com/aja ... gt%3B[/url]
    
<script src="CardsController.js"></script>
    
<body>
    
<div ng-app="myApp" ng-controller="cardsListController" id="cardsList">
    
 <div ng-repeat="card in cards" class="cardItem">
    
 Card {{card.id}}


    CardsController.js

    var app = angular.module('myApp', []);
    
app.controller('cardsListController', function($scope) {
    
 $scope.cards = [{ id: 1 }, { id: 2 }];
    
});
    2021-03-02 0 0
    Udostępnij to
    Anonimowy użytkownik

    Anonimowy użytkownik

    Potwierdzenie od:

    musisz przypisać nazwę swojej aplikacji ng, ponieważ jest ona pusta i jest ona przestarzała w nowszych wersjach, np. ng-app = "nameofyourapp"
    2021-03-02 0 0
    Udostępnij to
    Anonimowy użytkownik

    Anonimowy użytkownik

    Potwierdzenie od:

    Najpierw podaj JSFiddle, problem może być w tagu html, tak naprawdę nie potrzebujesz xmlns wewnątrz tagu, ale jeśli musisz zdefiniować go jako: 
    <html ng-app xmlns:ng="[url=http://www.w3.org/1999/xhtml">]http://www.w3.org/1999/xhtml">[/url]

    Ponadto dobrą praktyką jest podanie identyfikatora aplikacji angularjs, na przykład: 
    <html ng-app="myapp" xmlns:ng="[url=http://angularjs.org">]http://angularjs.org">[/url]

    Ponadto dobrą praktyką jest umieszczanie plików JS w bazie 
    <script src="angular.min.js"></script>
    
 <script src="CardsController.js"></script>
    
</body>

    W swoim JS musisz zdefiniować „myApp”: 
    var app = angular.module('myApp', []);

    Otwórz okno błędu w przeglądarce, aby wyraźnie zidentyfikować błąd.
    Być może błąd jest taki, że kątowy jest wywoływany przed plikiem JS, musisz spróbować to zrobić: 
    <script src="CardsController.js"></script>
    
 <script src="angular.min.js"></script>
    
</body>

    powodzenia.
    2021-03-02 0 0
    Udostępnij to
    Dlaczego jest złożony? 0 odpowiedzi zostało zwiniętych

    Aby odpowiedzieć na pytania, Zaloguj się lub Zarejestruj się

    Polityka prywatności: https://zweryfikowac.pl/Polityka-prywatnosci.pdf
    Copyright © 2023, All Rights Reserved