2015-09-20 4 views
0

новичок здесь,новичка работают угловые работы в скрипке, но не локально

(это очень важно для меня, как я часто не имею доступ к Интернету.)

у меня есть эта странная проблема, где этот код отлично работает на jsfiddle:

скрипку здесь ->https://jsfiddle.net/w4g71ea8/2/

но не тогда, когда я пытаюсь его на моем собственном компьютере, разбив его на отдельные файлы (в том же каталоге) и просматривать с хромом.

Также мне не нужно было накладывать на js скрипку для работы.

test3.html:

<!doctype html> 
<html> 
Angular JS Tutorial 
<head> 
<script src= "file:///home/chronos/user/Downloads/angular/angular.js" >  </script> 
</head> 
<body ng-app="myapp"> 
<script> 
src= "script3.js" 
</script> 

<div ng-controller="HelloController" > 
<h2>Welcome {{speak}} to the world!</h2> 
</div> 

</body> 
</html> 

script3.js : 

var app = angular.module('myapp', []); 

app.controller("HelloController", function($scope) { 
$scope.speak = "Joe"; 
}); 
+0

Вы пытались разместить angular.js в том же каталоге (с соответствующим образом обновленным путем?) –

+0

Вы столкнулись с проблемами, пытаясь заставить приложение Angular работать локально с вашего жесткого диска без локального веб-сервера. Дополнительную информацию об этом см. В http://stackoverflow.com/questions/24124509/why-does-angularjs-ng-view-not-work-locally. Лучше всего настроить локальный веб-сервер на вашем ПК. – Beyers

+0

угловой не предназначен для запуска с использованием протокола 'file: //'. * Некоторые функции могут функционировать, но он предназначен для запуска с веб-сервера. – Claies

ответ

1

Я не уверен, где вы скопировать этот HTML, но это не так. Попробуйте так:

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Angular JS Tutorial</title> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script> 
    <script src="script3.js"></script> 
    </head> 
    <body ng-app="myapp"> 
    <div ng-controller="HelloController"> 
     <h2>Welcome {{speak}} to the world!</h2> 
    </div> 
    </body> 
</html> 

И, так как вы сказали, что вы новичок, это было бы хорошей привычкой, чтобы начать использовать ваш код готов для будущих minifications:

// script3.js 
var app = angular.module('myapp', []); 

app.controller('HelloController', ['$scope', function($scope) { 
    $scope.speak = 'Joe'; 
}]); 

С другой стороны, , Я не согласен с некоторыми замечаниями выше; вам не нужно устанавливать какой-либо веб-сервер или что-то в этом роде. Просто создайте свои html и js-файлы, отбросьте их в браузер. Единственное, что вам нужно запомнить, это файл: // использование здесь недействительно. Либо используйте полный URL-адрес из любого CDN, либо загрузите файл и введите локальный путь, например /js/angular.js. Я не говорю о ng-view и ng-include, конечно, поскольку они делают звонки AJAX, вам понадобится какой-то веб-сервер. Но в этом примере вам вообще не нужно.

Смежные вопросы