2 ضمیمه
سوال: مشکل در اتصال view به controller در Angularjs
سلام به همه دوستان
من به تازگی انگلولار جی اس رو شروع کردم.
میخوام یه برنامه خیلی ساده با انگولار تحت معماری 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 تعریف نشده... نمیدونم چرا واقعا!!!!
ضمیمه 143621
نقل قول: راهنمایی برای دیباگ کردن یه اسکریپت ساده انگولار
سلام
چند ویدیو خوب برای شما دوستان در مورد تایپ اسکریپت (typescript) میتونید از اینجا دانلود کنید.
اگر کسی هم سایت دانلود آموزش فیلم ویدیویی فارسی میشناسه معرفی کنه.
با تشکر
نقل قول: راهنمایی برای دیباگ کردن یه اسکریپت ساده انگولار
سه مورد مشکل دار توی پروژه شما:
- فایل App.js سازنده وریبل app هستش و Controller.js فقط از app استفاده میکنه. پس، App.js باید زودتر از Controller.js ایمپورت بشه.
- توی فایل Controller.js شما سعی در اینجکت کردن وریبل scoope$ به کنترلر رو دارید که اشتباست. درستش، scope$ هستش.
- توی فایل index.html شما یک تگ div دارید که اتریبیوت ng-model اون رو ست کردید که کاری بیهوده/غلطه.