0
مشکل در اتصال view به controller در Angularjs
سلام به همه دوستان
من به تازگی انگلولار جی اس رو شروع کردم.
میخوام یه برنامه خیلی ساده با انگولار تحت معماری mvc پیاده سازی کنم ولی احساس میکنم اتصال view به controller ام مشکل داره.
<!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 تعریف نشده... نمیدونم چرا واقعا!!!!
1 پاسخ
1
با سلام
خطا میگه که شی app تعریف نشده و این به این علت هست که app.js بعد از MainController.js فراخوانی شده
ابتدا app.js رو فراخوانی بکنید مشکل حل میشه