Простейший вопрос по 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

Простой
Почему перестало работать меню?
- 1 подписчик
- вчера
- 133 просмотра
1

ответ
JavaScript

Простой
Какая логика у перебора массива таким способом?
- 1 подписчик
- вчера
- 150 просмотров
5

ответов
JavaScript

+1 ещё

Простой
Как перевести перевести top в translateY?
- 1 подписчик
- вчера
- 74 просмотра
1

ответ
JavaScript

Простой
E.target видит лишь малую область блока?
- 1 подписчик
- вчера
- 47 просмотров
0

ответов
JavaScript

Простой
Как при открытии блока закрыть предыдущий блок?
- 1 подписчик
- вчера
- 105 просмотров
0

ответов
JavaScript

Простой
Можно ли использовать Intersection Observer API для не дочерних элементов?
- 1 подписчик
- вчера
- 47 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Как предотвратить работу onBlur?
- 1 подписчик
- 20 нояб.
- 63 просмотра
1

ответ
JavaScript

+2 ещё

Простой
Cypress «syntax error, unrecognized expression». Что за ошибка и как решить?
- 1 подписчик
- 19 нояб.
- 38 просмотров
1

ответ
JavaScript

+2 ещё

Средний
Как построить код, чтобы гугл таблица на сайте выдавала только значение из конкретной ячейки?
- 1 подписчик
- 19 нояб.
- 39 просмотров
0

ответов
JavaScript

Простой
Как обойти контроль просмотра видео на сайте образовательного ресурса?
- 1 подписчик
- 19 нояб.
- 135 просмотров
3

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

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

Rocket • Смоленск

от 80 000 до 130 000 ₽

Fullstack разработчик JavaScript, php

Дорстрой-36 • Воронеж

от 100 000 до 200 000 ₽

JavaScript FullStack developer

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

До 220 000 ₽

Телеграм бот

22 нояб. 2024, в 02:56

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

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

22 нояб. 2024, в 00:55

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

Разработка алгоритма на python (Data engineering)

21 нояб. 2024, в 23:30

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

Где деректива 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?

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

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

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