AngularJs - нужна помощь, чтобы подключить контроллер к представлению

0

Я ожидаю, что нижеприведенный код напечатает цифры. Я попытался, но я не уверен, чего я здесь не вижу. Я новичок в AngularJs

<!DOCTYPE html>
<html ng-app="">

<head>
    <title>Welcome</title>
</head>

<body>
<div ng-controller="MyController">
        <ul>
        <li ng-repeat="number in Numbers">{{ number }}</li>
        </ul>
</div>
   <script src="angular.min.js"></script>
    <script>
        function MyController($scope) {

            $scope.Numbers = ['One', 'Two', 'Three', 'Four', 'Five']; 
        }
    </script>


    
</body>

</html>  
Теги:

2 ответа

0

это полностью должно работать. (F12, инструменты разработчика), чтобы узнать, есть ли у вас сообщение об ошибке, особенно если ваш угловой.min.js включен правильно.

Следующая маленькая скрипка js показывает, что маленький кусочек кода работает, пока ваши угловые js включены правильно.

  function MyController($scope) {

        $scope.Numbers = ['One', 'Two', 'Three', 'Four', 'Five']; 
  }

http://jsfiddle.net/dshun/o1yg3kvp/

0

отредактированный

Начиная с версии Angular 1.2, вы не можете объявить своего контроллера глобально, как вы делаете прямо сейчас. Вы должны объявить его с помощью модуля.

    var app = angular.module('myApp',[]);
    app.controller('MyController',function($scope){
      $scope.Numbers = ['One', 'Two', 'Three', 'Four', 'Five']; 
    })

См. Рабочие изменения: http://plnkr.co/edit/Rp87qEQ5albeCQPYVh48?p=preview

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

<!DOCTYPE html>
<html ng-app="myApp">

<head>
  <script data-require="angularjs_1_3_15@*" data-semver="1.3.15" src="https://code.angularjs.org/1.3.15/angular.min.js"></script>
  <script src="script.js"></script>
</head>

<body>
  <div ng-controller="MyController">
    <ul>
      <li ng-repeat="number in Numbers">{{ number }}</li>
    </ul>
  </div>
  <script>
    var app = angular.module('myApp', []);

    function MyController($scope) {

      $scope.Numbers = ['One', 'Two', 'Three', 'Four', 'Five'];
    }

    angular.module('myApp').config(['$controllerProvider',
      function($controllerProvider) {
        $controllerProvider.allowGlobals();
      }
    ]);
  </script>


</body>

</html>
  • 0
    Спасибо за помощь, ребята! Я все еще немного смущен. Я считаю, что я импортирую Angular правильно. Я попробовал несколько простых скриптов, и они отлично работают для меня. Я попытался изучить инструмент разработчиков Chrome, чтобы проверить, не жалуется ли он. Он жаловался со следующей ошибкой docs.angularjs.org/error/ng/…
  • 0
    Какая версия Angular у вас есть?
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню