2015-07-13 2 views
3

Я новичок в AngluarJs, и когда я пытался его использовать (используя Webstorm), я заметил, что URL-адрес, который мне нужен, это localhost:62345.Почему angularJS необходимо запустить сервер?

Почему для библиотеки JavaScript требуется сервер? Какова цель веб-сервера?

+1

браузеры не будут работать AJAX запросов от протокола файла. Большинство SPA включают использование ajax. Сам угол не работает на сервере, он работает в браузере. Откройте статический html-файл без javascript в нем из webstorm, откроется на сервере localhost – charlietfl

+0

Связано: [Почему Angular требует сервер в своих учебниках?] (Http://stackoverflow.com/q/31624686/435605). –

ответ

3

Это не угловатое, а специфическое. Угловые прогоны на фронте и, следовательно, нет необходимости запускать сервер для отладки углового на переднем конце, если он не связан с сервером. Также вы можете попробовать запустить из проводника файлов и не иметь проблемы.

+1

ОК, но для чего нужна среда IDE? Почему он запускает мой код на конкретном порту? –

+2

Неверно, если какие-либо шаблоны загружены ajax. Браузеры блокируют ajax в локальном файле – charlietfl

+0

достаточно справедливо @charlietfl ... Хотя вызов ajax можно рассматривать как вызов сервера только там, где сервер ведет себя как статический файловый сервер. – binariedMe

1

Угловой Js не требуется сервер до тех пор, пока вы не захотите использовать угловые директивы типа «ng-include», или вы хотите, чтобы страница маршрутизации или запрос ajax в вашем приложении.

Этот базовый фрагмент в угловом не требует сервера.

(function() { 
 
    'use strict'; 
 

 
    angular.module('myapp', []) 
 
    .controller('AppController', AppCtrl) 
 

 
    AppCtrl.$inject = ['$scope']; 
 

 
    function AppCtrl($scope) { 
 
    var vm = this; 
 
    vm.companyName = "AlertEnterprise"; 
 
    vm.rows = ["Rajesh", "Prashant"]; 
 
    } 
 
})();
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<body ng-app="myapp" ng-controller="AppController as appVM"> 
 

 
    <p>{{appVM.companyName}}</p> 
 
    <p ng-repeat="row in appVM.rows"> 
 
    <span>{{row}}</span> 
 
    </p> 
 
</body>

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