Я не могу понять, почему мой контроллер и модуль не являются обязательными, как учебник, которым я следую. Я использую программу скобок, которая предлагает предварительный просмотр моего кода, и вместо показа $ scope.message отображается только слово {{message}}. Я только начинаю изучать углы. В начале документа я использовал теги сценария и src = «https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js» Вот тело ... Angular.js Binding (простой html-документ)

Вы успешно достигли моего документа HTML!

<div ng-app="myModule" ng-controller="myController"> 

    <!h5 tag contains a binded expression> 

     <h5> {{message}} </h5> 
    <ul> 
     <li ng-repeat="x in cars"> {{x}} </li> 

     </ul> 


    </div> 


    <!Create a module named 'myModule'Create controller named 'myController'> 

    <script> 


    var myApp =angular.module("myModule",[]); 

    myApp.controller("myController", function ($scope){ 

     $scope.cars = ["BMW", "Toyota", "Ford", "Range Rover"]; 
     $scope.message = "My students are the best in the world!"; 

    }) 

    </script> 


</body>

источник

2016-08-15 Kasper_Sky

ли работа при открытии в браузере даже с 'файла: /// ..'?. – pr0gramist

Я чувствую, что вы, вероятно, ошибаетесь. Вы видите что-нибудь в консоли? – 1252748

Он показывает {{message}}, но в учебном видео его браузер отображает фактическое сообщение «Мои ученики - лучшие в мире!» Я копирую свою строку кода для строки и использую ту же программу, что и предложенную «Скобки». –

Угловые обнаруживает ваш ngApp перед созданием модуля и поэтому бросает $injector:modulerr исключения. Если вы откроете консоль, вы можете это увидеть. Перемещение вашего сценария в документе над контейнером, к которому применяется ngApp, устраняет вашу проблему.

http://jsbin.com/quxinozubu/edit?html,js,output

источник

2016-08-16 15:46:41 1252748

Ваш код работает хорошо для меня. Я просто увидел простую ошибку. Вы пропустили точку с запятой в контроллере.

var myApp =angular.module("myModule",[]); 
 

 
    myApp.controller("myController", function ($scope){ 
 

 
     $scope.cars = ["BMW", "Toyota", "Ford", "Range Rover"]; 
 
     $scope.message = "My students are the best in the world!"; 
 

 
    });

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
    <meta charset="utf-8"> 
 
    <title></title> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
 

 
    </head> 
 
    <body> 
 

 
    <div ng-app="myModule" ng-controller="myController"> 
 

 

 

 
     <h5> {{message}} </h5> 
 
    <ul> 
 
     <li ng-repeat="x in cars"> {{x}} </li> 
 

 
     </ul> 
 

 

 
    </div> 
 

 

 

 
    
 

 

 
</body> 
 
</html>

источник

2016-12-05 06:55:00

@Kasper_Sky, Отметьте это как ответ, если вы считаете это полезным. –

Angular.js Binding (простой html-документ)

Вы успешно достигли моего документа HTML!

ответ

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