PDA

View Full Version : راهنمایی برای دیباگ کردن یه اسکریپت ساده انگولار



Beginner Programmer
یک شنبه 07 آذر 1395, 19:34 عصر
سلام به همه دوستان
من به تازگی انگلولار جی اس رو شروع کردم.
میخوام یه برنامه خیلی ساده با انگولار تحت معماری 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 تعریف نشده... نمیدونم چرا واقعا!!!!

143621

Mousavmousab
پنج شنبه 02 دی 1395, 19:12 عصر
سلام
چند ویدیو خوب برای شما دوستان در مورد تایپ اسکریپت (typescript) میتونید از اینجا (http://hoolity.com/default.aspx?cat=5017&page=1)دانلود کنید.
اگر کسی هم سایت دانلود آموزش فیلم ویدیویی فارسی میشناسه معرفی کنه.
با تشکر

arenaw
سه شنبه 21 دی 1395, 15:56 عصر
سه مورد مشکل دار توی پروژه شما:

فایل App.js سازنده وریبل app هستش و Controller.js فقط از app استفاده میکنه. پس، App.js باید زودتر از Controller.js ایمپورت بشه.
توی فایل Controller.js شما سعی در اینجکت کردن وریبل scoope$ به کنترلر رو دارید که اشتباست. درستش، scope$ هستش.
توی فایل index.html شما یک تگ div دارید که اتریبیوت ng-model اون رو ست کردید که کاری بیهوده/غلطه.