Я ожидаю, что нижеприведенный код напечатает цифры. Я попытался, но я не уверен, чего я здесь не вижу. Я новичок в 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>
это полностью должно работать. (F12, инструменты разработчика), чтобы узнать, есть ли у вас сообщение об ошибке, особенно если ваш угловой.min.js включен правильно.
Следующая маленькая скрипка js показывает, что маленький кусочек кода работает, пока ваши угловые js включены правильно.
function MyController($scope) {
$scope.Numbers = ['One', 'Two', 'Three', 'Four', 'Five'];
}
отредактированный
Начиная с версии 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>