Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 03.04.2017, 13:09
Интересующийся
Отправить личное сообщение для vanyabb Посмотреть профиль Найти все сообщения от vanyabb
 
Регистрация: 03.04.2017
Сообщений: 12

При нажатии на тег <pre> добавить элемент в массив и вывести его
При нажатии на тег <pre> добавить элемент в массив и вывести его




<!DOCTYPE html>
<html ng-app="app">

<head>
<title>Tony's Pizza</title>
<meta charset="utf-8">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
</head>

<body ng-controller="menuController">
<div class="container">
<h1>Tony's Pizza</h1>
<div>
<label><input type="radio" name="category" ng-click="changeMainDish('Cheese Pizza',11.99)"/> Cheese Pizza</label>
</div>
<div>
<label><input type="radio" name="category" ng-click="changeMainDish('Pepperoni Pizza',15.55)"/> Pepperoni Pizza</label>
</div>
<div>
<label><input type="radio" name="category" ng-click="changeMainDish('Margherita Pizza',11.22)"/> Margherita Pizza</label>
</div>
<div>
<label><input type="radio" name="category" ng-click="changeMainDish('BBQ Chicken Pizza',12.55)"/> BBQ Chicken Pizza</label>
</div>
<div>
<label><input type="radio" name="category" ng-click="changeMainDish('Combo Pizza',12.55)"/> Combo Pizza</label>
</div>

<div>
<h3>Selected Item</h3>
<span ng-click="addTopping()"><pre>{{model.mainDish.name}} {{model.mainDish.price}}</pre></span>
</div>

</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script>
<script>
var app = angular.module('app', []);
app.controller("menuController", [
"$scope",
function($scope) {
$scope.model = { title: "" };
$scope.changeMainDish = function(name, price) {
$scope.model.mainDish = { name: name, price: price };
};


}




]);

</script>

</body>

</html>
Ответить с цитированием
  #2 (permalink)  
Старый 03.04.2017, 13:56
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,118

vanyabb, начну с того, что у тебя "не ангуларно" сделан перечень радиокнопок...

Если его сделать "ангуларно" - достаточно обработать ng-click на твоем теге pre... Добавить в $scope еще один элемент массива и он покажется Ангуларом!
Ответить с цитированием
  #3 (permalink)  
Старый 03.04.2017, 15:26
Интересующийся
Отправить личное сообщение для vanyabb Посмотреть профиль Найти все сообщения от vanyabb
 
Регистрация: 03.04.2017
Сообщений: 12

Переделал, теперь возникла другая проблема!
Ответить с цитированием
  #4 (permalink)  
Старый 03.04.2017, 15:35
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,118

Ну это обычная ситуация при разработке ПО...
Ответить с цитированием
  #5 (permalink)  
Старый 03.04.2017, 15:46
Интересующийся
Отправить личное сообщение для vanyabb Посмотреть профиль Найти все сообщения от vanyabb
 
Регистрация: 03.04.2017
Сообщений: 12

Это точно, однако помогите разобраться, нужно удалить дубликаты из массива объектов http://javascript.ru/forum/showthrea...132#post449132
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
При клике на элемент он поднимается вверх, а на его месте появляется другой! barakuda jQuery 12 14.11.2015 17:36
Как добавить и удалить класс при нажатии на div? Jeick9 Events/DOM/Window 23 10.03.2015 16:05
как сериализовать массив данных и вывести его zlodiak AJAX и COMET 1 29.09.2014 14:33
this.value при наведении на элемент выводить его Apelcun77 Общие вопросы Javascript 4 15.02.2014 04:51
Закрыть элемент при клике вне его masterm Общие вопросы Javascript 3 31.07.2009 11:27