Miért nem megy az angularjs?
ez a kod:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>angular.js :DD</title>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script type="text/javascript">
app.controller('MainController', ['$asd', function($asd) {
$asd.box = [
{
kep = 'táj1.jpg',
szöveg = 'Elsőn ez látható.'
},
{
kep = 'táj2.jpg',
szöveg = 'A másodikon ez látható.'
}
];
}]);
</script>
<style type="text/css">
img {
max-width: 150px;
}
</style>
</head>
<body>
<div class="box">
<img ng-src="{{box.kep}}">
<p>{{box.szöveg}}</p>
</div>
</body>
</html>
Kijavítva:
Hibák:
1. Objektumban nincs egyenlőség-jel (kep = 'taj1.jpg' helyett kep: 'taj1.jpg')
2. Ékezetes változónevek (szöveg helyett szoveg)
3. Az app változó nincs definiálva.
4. A controller metódus paraméterezése hibás ( [link] )
5. Hiányzik az ng-app direktíva
6. Hiányzik az ng-controller direktíva
7. Hiányzik az ng-repeat direktíva (mivel tömbön iterálunk át, kell)
8. $asd helyett $scope
9. Ékezetes fájlnevek
10. <img> tag-ból hiányzik az alt attribútum
11. <script> tagek a dokumentum végére ( [link] )
12. Új verziójú AngularJS
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!