Связывание Angular.js (простой HTML-документ)

Question

Связывание Angular.js (простой HTML-документ)

0

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

Вы успешно достигли моего документа 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>

Kasper_Sky 15 авг. 2016, в 23:39

Источник

0

Работает ли это, когда вы открываете в браузере даже file:///.. ?.
pr0gramist 15 авг. 2016, в 21:35
0

Я чувствую, что вы, вероятно, получаете ошибку. Вы видите что-нибудь в консоли?
1252748 16 авг. 2016, в 00:38
0

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

Показать ещё 1 комментарий

Теги:

html

angularjs

2 ответа

Ещё вопросы

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

hari prasad · Answer 1 · 2016-12-05T05-20-00.000Z

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

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>

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

1252748 · Answer 2 · 2016-08-16T14-28-00.000Z

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

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