Простейший вопрос по Angular?

Question

sergey1989 @sergey1989

Простейший вопрос по Angular?

Здравствуйте. Начал изучать Angular. Не получается вывести значение инпута в экспрешен res через контроллер. Вывода не происходит. И Как можно сложить значение цифр ng-model с разных инпутов?

<script>
var moduleCalc=angular.module('moduleCalc', []);


moduleCalc.controller('calcCtrl', function($scope){
	
	
	
	$scope.res=$scope.first;
  
});
  </script>

</head>
<body ng-controller="calcCtrl">
	<input type="text" name="ss" class="form-control" value="ddd" pattern="" title="" ng-model="first">
	
	{{res}}
</body>

Вопрос задан более трёх лет назад
340 просмотров

2 комментария

Подписаться 1 Оценить 2 комментария

Решения вопроса 1

10 комментариев

sergey1989 @sergey1989 Автор вопроса

Складывать получается в экспрешене, но как сложить значение с двух инпутов в контроллере?

Написано более трёх лет назад
sergey1989 @sergey1989 Автор вопроса

Пытаюсь вывести из контроллера в консоль элемент с ключом name, но выводит undefined.

Написано более трёх лет назад
coderisimo @coderisimo Куратор тега JavaScript

sergey1989: можно использовать ng-change="change()" для инпутов. Вызывать функцию , которая будет запускаться в контроллере и все суммировать.

Написано более трёх лет назад
coderisimo @coderisimo Куратор тега JavaScript

sergey1989: как выводите? код рабочий.

Написано более трёх лет назад
sergey1989 @sergey1989 Автор вопроса

coderisimo: а вообще как можно вывести значение из контроллера в консоль при нашем случае?

Написано более трёх лет назад

sergey1989 @sergey1989 Автор вопроса

<script>
var moduleCalc=angular.module('moduleCalc', []);


moduleCalc.controller('calcCtrl', function($scope){
	         
$scope.rr ={};
$scope.ll=$scope.rr; 
 console.log($scope.rr.name);       
  
});
  </script>

</head>
<body ng-controller="calcCtrl">
	<input type="text" class="form-control" ng-model="rr.name">
	{{ll.name}}
	
</body>

</html>

Написано более трёх лет назад

sergey1989 @sergey1989 Автор вопроса

coderisimo: Спасибо. Теперь начинает картина прояснятся, но все равно, пока сложно все обработать. Когда смотрел видео уроки, читал то вроде все понятно, а как поставил себе задачу написать калькулятор так сразу начали появляться недопонимания.

Написано более трёх лет назад
coderisimo @coderisimo Куратор тега JavaScript

sergey1989: sergey1989: coderisimo @coderisimo
Все правильно! Когда вы делаете console.log($scope.rr.name); у нас все объекты пустые. Да , ангуляр обновляет связанные данные в модели, но он не обязан каждый раз писать обновленные данные в консоль )))))))
Cоздайте function
$scope.yohoho = function (){
console.log($scope.rr.name);
};

далее добавьте в атрибуты своего инпута ng-change="yohoho()" .

Написано более трёх лет назад
sergey1989 @sergey1989 Автор вопроса

coderisimo: значит для остальных инпутов применить ту же функцию yohoho и в теле функции произвести все арифметические действия?

Написано более трёх лет назад
coderisimo @coderisimo Куратор тега JavaScript

sergey1989: пробуйте, экспериментируйте. ))

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 1

2 комментария

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

JavaScript

+2 ещё

Простой
Как сделать плавное появление скрытых под display: none; карточек по клику на кнопку, при подключеной AOS?
- 1 подписчик
- 17 часов назад
- 84 просмотра
1

ответ
JavaScript

+4 ещё

Сложный
Почему в WebSockets History в Burp Suite отображаются кракозябры?
- 1 подписчик
- вчера
- 82 просмотра
2

ответа
JavaScript

Простой
Как выводить JS код?
- 2 подписчика
- вчера
- 1221 просмотр
1

ответ
JavaScript

Простой
Как заставить срабатывать trigger change в Select2?
- 1 подписчик
- 21 дек.
- 53 просмотра
0

ответов
JavaScript

Простой
Почему появляется ошибка Uncaught Reference?
- 1 подписчик
- 20 дек.
- 84 просмотра
2

ответа
JavaScript

Средний
Порождается ли событие в элементе или оно само по себе?
- 1 подписчик
- 20 дек.
- 98 просмотров
1

ответ
JavaScript

+2 ещё

Средний
Как можно изменить настройки модуля навигации карт Google на Яндекс карты?
- 2 подписчика
- 19 дек.
- 210 просмотров
2

ответа
JavaScript

+2 ещё

Простой
Как исправить вёрстку, чтобы блок с изображением не уезжал из-за блока с описанием?
- 1 подписчик
- 19 дек.
- 102 просмотра
0

ответов
JavaScript

+1 ещё

Простой
Как загрузить img в первой очереди при загрузке страницы?
- 1 подписчик
- 19 дек.
- 94 просмотра
1

ответ
JavaScript

+2 ещё

Средний
Какие есть высокоуровневые компонентные javascript фреймворки?
- 1 подписчик
- 19 дек.
- 172 просмотра
1

ответ
Показать ещё Загружается…

JavaScript FullStack разработчик

Rocket • Смоленск

от 80 000 до 130 000 ₽

JavaScript Fullstack

OnClass

от 2 000 до 7 000 $

JavaScript FullStack developer

Wanted. • Санкт-Петербург

До 220 000 ₽

Придумать альтернативный логотип к уже существующему

23 дек. 2024, в 07:27

1000 руб./за проект

3д сцены

23 дек. 2024, в 04:30

10000 руб./за проект

Разработать телеграм бота с реферальной системой, Юкассой и ChatGPT

23 дек. 2024, в 02:13

20000 руб./за проект

Где деректива ng-app?
https://docs.angularjs.org/tutorial
Для начала делайте - PhoneCat Tutorial App
Она прописана тегу HTML. Не стал копировать весь код.

Answer 1 · 2016-01-22 00:04:57

А вот это работает )) Понял почему? :
контроллер:

var TestApp = angular.module("TestApp", []);
function TestCtrl($scope) {
  $scope.t1 = {name:'vasya'};
  $scope.t2 = $scope.t1;
}

кусок разметки :

t1-   {{t1.name}}<br><br>
<input type='text' ng-model='t1.name'><br>
 t2-   {{t2.name}}

PS а складывать вот так {{t1.name + t2.name }} - только цифры подставь

Answer 2 · 2016-01-21 19:40:16

Сергей Протько @Fesor

Full-stack developer (Symfony, Angular)

https://github.com/johnpapa/angular-styleguide#sty...

Ответ написан более трёх лет назад

2 комментария

Простейший вопрос по Angular?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт