работа сразу с двумя модулями
Начал только изучать AngularJS, пытаюсь уместить в одном файле два модуля, в одном использую data-ng-app, чтобы формы работали, в другом просто ng-app, т.к. там нет форм. Во втором модуле объявляю массив, пробую вывести один из элементов, но выводится просто текст. Заранее спасибо за ответ
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<style>
b {
color: red;
}
</style>
<body>
<div data-ng-app="" ng-init="a='a';b='b'">
<h2>Calculator</h2>
a: <input type="number" ng-model="a"><br> b: <input type="number" ng-model="b">
<p><b>Sum:</b> {{a + " + " +b +" = "}} {{a + b}}</p>
<p><b>Difference:</b> {{a + " - " +b +" = "}} {{a - b}}</p>
<p><b>Product:</b> {{a + " * " +b +" = "}}{{a * b}}</p>
<p><b>Division:</b> {{a + " / " +b +" = "}}{{a / b}}</p>
</div>
<div data-ng-app="" ng-init="tabelul=[1,2,3,4,5,6,7,8,9]">
<h2>Tabelul de multiplicare</h2>
<p>{{ tabelul[1] }}</p>
</div>
</body>
</html>