سلام به همه دوستان
من به تازگی انگلولار جی اس رو شروع کردم.
میخوام یه برنامه خیلی ساده با انگولار تحت معماری mvc پیاده سازی کنم ولی احساس میکنم اتصال view به controller ام مشکل داره.
کد HTML:
<!DOCTYPE html>
<html>
<head>
<title>Angular Js</title>
<link rel="stylesheet" type="text/css" href="bootstrap.min.css">
<script src="js/angular.js"></script>
</head>
<body ng-app="myApp">
<div class="header">
<div class="container">
<h1>book end</h1>
</div>
</div>
<div class="Main" ng-controller="MainController">
<div class="container" ng-model="title">
<h1>{{ title }}</h1>
</div>
</div>
<div class="footer">
<div class="container">
<h2>Available for iphone and android</h2>
<img src="http://lorempixel.com/400/200/">
<img src="http://lorempixel.com/400/200/">
</div>
</div>
<script src="js/Controller/MainController.js"></script>
<script src="js/App.js"></script>
</body>
</html>
var app = angular.module('myApp',[]);
app.controller('MainController',['$scoope',function($scoope){
$scoope.title = "top sellers in books";
}]);
وقتی سایت رو باز میکنم تو قسمت کنسول با خطاهای زیر مواجه میشم...میگه متغیر app تعریف نشده... نمیدونم چرا واقعا!!!!
Screenshot (17).jpg