У меня есть следующий (также в Plunker):Почему этот контроллер создается только один раз?
<!doctype html>
<html
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script>
</head>
<body ng-app="theApp">
<div ng-conroller="ExampleCtrl as ctl">
<input type="text" ng-model="ctl.value"/><br>
{{ctl.value}}
</div>
<div ng-controller="ExampleCtrl as ctl">
<input type="text" ng-model="ctl.value"/><br>
{{ctl.value}}
</div>
<script>
angular.module('theApp', [])
.controller('ExampleCtrl', [
function() {
var self = this;
self.value = 'Lorem ipsum';
console.log('controller instantiated');
}
]);
</script>
</body>
</html>
Глядя на консоли, я вижу только одно сообщение controller instantiated
и только второй почтовый ящик имеет связанное значение, обозначенное под ней:
Я ожидал создания двух отдельных контроллеров и, действительно, после заполнения значений, кажется, что есть две независимые области действия, однако я не могу объяснить начальное состояние.
Upvoted но я собираюсь удалите вопрос. Это ничего не добавляет сообществу. –
@MarcusJuniusBrutus Это может помочь человеку, который мог совершить орфографическую ошибку, как вы, и ее обычная ошибка орфографии, поскольку угловая директива не имеет intellisense на IDE .. –
, но это странно, что после начальной загрузки можно введите значения в первом поле или втором поле и увидите два разных значения, которые печатаются. Любые мысли по этому поводу? –