#javascript #html #css #angularjs
Вопрос:
Это мой первый раз, когда я использую angular, и вместо отображения имени он отображает {{имя}} по какой-то неизвестной мне причине. кто-нибудь, пожалуйста, объясните, в чем ошибка?
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>
<div ng-app="">
<p>Name: <input type="text" ng-model="name"></p>
<p>Subject-1: <input type="number" ng-model="s1"></p>
<p>Subject-2: <input type="number" ng-model="s2"></p>
<p>Subject-3: <input type="number" ng-model="s3"></p>
<p>Subject-4: <input type="number" ng-model="s4"></p>
<div>
<p>
Name:{{name}}
Total Score: {{s1 s2 s3 s4}}
</p>
</div>
</div>
</body>
</html>
Комментарии:
1. Это не угловой, это angularjs, который был первой версией углового фреймворка и устарел в пользу углового 2 .
Ответ №1:
@Tanny1810 в вашем html-коде отсутствует название приложения, оно показывает только ng-app=»». Вам нужно добавить имя, которое вы дали своему приложению, в app.js файл, который будет выглядеть следующим образом.
угловой.модуль(‘Имя приложения’, [])
Не обращайте внимания на пустые скобки, в которых будут указаны ваши зависимости, которые вы используете во всем приложении.