AngularJs и ng-controller

Я только начал изучать AngularJS, но я застрял в этой точке. Я сделал три файла в одном проекте:AngularJs и ng-controller

1.Index.html 
2.Angular.min.js(downloaded from official site) 
3.Script.js

Но когда я открываю HTML в браузере я не получаю значение тестового имущества. Он просто показывает {{test}} (а не значение). Будем очень благодарны, если вы поможете мне.

<!DOCTYPE html> 
    <html lang="en" ng-app = "myapp"> 
    <head> 
     <meta charset="UTF-8"> 
     <title>Document</title> 
    </head> 
    <body ng-controller = "MyCtrl"> 
      {{test}} 
      <script src = "angular.min.js"</script> 
      <script src = "script.js"></script> 
    </body> 
    </html>***

script.js файл

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

app.controller('MyCtrl', ['$scope', function($scope){ 
    $scope.test = "Welcome to my world"; 

}]);

источник

2016-08-16 Gagandeep Singh

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

Проверьте инструменты разработчика (F12 в Chrome, Firefox и Opera) и посмотрите, отображаются ли на консоли какие-либо ошибки, потому что в вашем коде нет. – Skaparate

@GuranjanSingh: Да, он загружен правильно, но не повезло. –

Проверьте вкладку сети убедитесь, что угловые сам фактически загружаются копирование и вставка коды в бегущем образец.

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

 
app.controller('MyCtrl', ['$scope', function($scope){ 
 
    $scope.test = "Welcome to my world"; 
 

 
}]);

<!DOCTYPE html> 
 
    <html lang="en" ng-app = "myapp"> 
 
    <head> 
 
     <meta charset="UTF-8"> 
 
     <title>Document</title> 
 
    </head> 
 
    <body ng-controller = "MyCtrl"> 
 
      {{test}} 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.js"></script> 
 
      <!-- 
 
      you were missing a > here 
 
      <script src = "angular.min.js"</script> 
 
      <script src = "script.js"></script> 
 
--> 
 
    </body> 
 
    </html>

источник

2016-08-16 01:27:14 shaunhusain

Я сделал то, что вы предложили, но не повезло. Кроме того, в мой образец загружен угловой файл. –

AngularJs и ng-controller

ответ

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