Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript: Angular 2, AngularJS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.67/6: Рейтинг темы: голосов - 6, средняя оценка - 4.67
Enough1987
30 / 30 / 29
Регистрация: 11.10.2014
Сообщений: 268
1

Админка

17.04.2015, 17:09. Просмотров 1079. Ответов 4
Метки нет (Все метки)

Всем доброго времени суток, хочу сделать так что бы при клике на кнопку в массив добавлялся новый товар в виде объекта.
Подскажите пожалуйста, что не так делаю?


Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<html>
<head>
<title>Manager</title>
<link rel="stylesheet" href="style.css">
<meta charset="utf8">
<script scr='https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0-rc.0/angular.min.js'></script>
<script>
var adminApp = angular.module('adminApp', []);
adminApp.controller('adminCtrl', function($scope){
$scope.goods=[ ];
$scope.pushGoods = function(){
$scope.goods.push({
$scope.goodname:  goodname,
$scope.cost:  cost,
$scope.descr:  descr,
$scope.amount: amount });
}
});
 
</script>
</head>
<body>
    <form ng-app="adminApp" ng-controller="adminCtrl">
<p><label>Название товара:</label><input type="text" name="goodname" ng-model='goodname'> </p>
<p><label>Стоимость  товара:</label><input type="text" name="cost" ng-model='cost'> </p>
        <p><label>Описание товара:</label><textarea name="descr" ng-model='descr'> </textarea></p>
<p><label>Количество товара</label><input type="text" name="amount" ng-model='amount'> </p>
        <input type="button" ng-click='pushGoods'
        value="button">
    </form>
</body>
</html>
0
Лучшие ответы (1)
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
17.04.2015, 17:09
Ответы с готовыми решениями:

АДМИНКА WP
Уважаемые форумчане, помогите разобраться.... У меня есть сайт на WP - я...

админка
Всем привет как переименовать папку вход в админку wp-admin кто знает...

админка
вот набросала тут админку &lt;?php session_start(); //Поключаем конфиг...

админка
Человек будет заливать/просматривать информацию через админку в/из бд. Хочется...

Админка
Всем привет! Я новичек в php! и хочу сделать админку себе на сайт(самопис...

4
gggggu
15 / 15 / 3
Регистрация: 31.08.2013
Сообщений: 98
17.04.2015, 17:17 2
Лучший ответ Сообщение было отмечено Enough1987 как решение

Решение

Вы как минимум перепутали в обьекте связку ключ-значение, то есть нужно так :
Javascript
1
2
3
goodname : $scope.goodname,
cost : $scope.goodname,
descr : $scope.goodname,
и лучше будет так,
Javascript
1
2
3
4
5
6
7
8
var adminApp = angular.module('adminApp', []);
adminApp.controller('adminCtrl', function($scope){
$scope.goods = {};
$scope.goodsArray=[ ];
$scope.pushGoods = function(){
  $scope.goodsArray.push($scope.goods);
}
});
HTML5
1
2
3
4
5
6
7
8
9
10
<body>
    <form ng-app="adminApp" ng-controller="adminCtrl">
<p><label>Название товара:</label><input type="text" name="goodname" ng-model='goods.goodname'> </p>
<p><label>Стоимость  товара:</label><input type="text" name="cost" ng-model='goods.cost'> </p>
        <p><label>Описание товара:</label><textarea name="descr" ng-model='goods.descr'> </textarea></p>
<p><label>Количество товара</label><input type="text" name="amount" ng-model='goods.amount'> </p>
        <input type="button" ng-click='pushGoods()'
        value="button">
    </form>
</body>
А еще вы на событие ng-click вызываете по сути не функцию pushGoods, а ее тело, думаю лучше так: pushGoods(). Но если работает и так, то почему бы и нет)
1
Enough1987
30 / 30 / 29
Регистрация: 11.10.2014
Сообщений: 268
17.04.2015, 17:48  [ТС] 3
Спасибо )) Но вывести не получается, -

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>
<html >
<head>
<title>Manager</title>
<link rel="stylesheet" href="style.css">
<meta charset="utf8">
<script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0-rc.0/angular.min.js'></script>
<script defer>
var adminApp = angular.module('adminApp', []);
adminApp.controller('adminCtrl', function($scope){
$scope.goodsArray=[ ];
$scope.goods = {
goodname : $scope.goodname,
cost : $scope.cost ,
descr : $scope.descr,
amount :  $scope.amount
};
$scope.pushGoods = function(){
$scope.goodsArray.push($scope.goods);
}
});
 
</script>
</head>
<body  ng-app="adminApp" ng-controller="adminCtrl">
    <form>
<p><label>Название товара:</label><input type="text" name="goodname" ng-model='goodname'> </p>
<p><label>Стоимость  товара:</label><input type="text" name="cost" ng-model='cost'> </p>
        <p><label>Описание товара:</label><textarea name="descr" ng-model='descr'> </textarea></p>
<p><label>Количество товара</label><input type="text" name="amount" ng-model='amount'> </p>
        <input type="button" ng-click='pushGoods()'
        value="button">
    </form>
    <ul>
           <li ng-repeat='good in goodsArray'>
{{ good.goodname + " " + good.cost + " " + good.descr + " " + good.amount  }}
           </li>
    </ul>
    
</body>
</html>
0
gggggu
15 / 15 / 3
Регистрация: 31.08.2013
Сообщений: 98
17.04.2015, 17:59 4
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<body ng-app="adminApp" ng-controller="adminCtrl">
    <form>
        <p><label>Название товара:</label><input type="text" name="goodname" ng-model='goods.goodname'> </p>
        <p><label>Стоимость  товара:</label><input type="text" name="cost" ng-model='goods.cost'> </p>
        <p><label>Описание товара:</label><textarea name="descr" ng-model='goods.descr'> </textarea></p>
        <p><label>Количество товара</label><input type="text" name="amount" ng-model='goods.amount'> </p>
        <input type="button" ng-click='pushGoods()' value="button">
    </form>
 
    <ul>
           <li ng-repeat='good in goodsArray'>
                 {{ good.goodname }} {{ good.cost }} {{ good.descr }} {{ good.amount  }}
           </li>
    </ul>
</body>
Javascript
1
2
3
4
5
6
7
8
9
angular.module('adminApp', []).controller('adminCtrl', function($scope){
   $scope.goods = {};
   $scope.goodsArray=[];
 
   $scope.pushGoods = function(){
      $scope.goodsArray.push($scope.goods);
      $scope.goods = {};
   }
});
1
Enough1987
30 / 30 / 29
Регистрация: 11.10.2014
Сообщений: 268
18.04.2015, 00:29  [ТС] 5
Спасибо еще раз, вроде разобрался. Также добавил удаление )))
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html>
<html >
<head>
<title>Manager</title>
<link rel="stylesheet" href="style.css">
<meta charset="utf8">
<script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0-rc.0/angular.min.js'></script>
<script defer>
var adminApp = angular.module('adminApp', []);
adminApp.controller('adminCtrl', function($scope){
$scope.goodsArray=[ ];
$scope.goods = {
goodname : $scope.goodname,
cost : $scope.cost ,
descr : $scope.descr,
amount :  $scope.amount
};
$scope.pushGoods = function(){
$scope.goodsArray.push($scope.goods);
$scope.goods = {};
}
$scope.removeGoods = function(good){
var r = $scope.goodsArray.indexOf(good);
$scope.goodsArray.splice(r, 1);
}
});
 
</script>
</head>
<body  ng-app="adminApp" ng-controller="adminCtrl">
    <form>
<p><label>Название товара:</label><input type="text" name="goodname" ng-model='goods.goodname'> </p>
<p><label>Стоимость  товара:</label><input type="text" name="cost" ng-model='goods.cost'> </p>
        <p><label>Описание товара:</label><textarea name="descr" ng-model='goods.descr'> </textarea></p>
<p><label>Количество товара</label><input type="text" name="amount" ng-model='goods.amount'> </p>
        <input type="button" ng-click='pushGoods()'
        value="button">
    </form>
    
<table >
          <tr ng-repeat='good in goodsArray'>
<td> {{ good.goodname }} </td>
<td> {{ good.cost }} </td>
<td> {{ good.descr }} </td>
<td> {{ good.amount }} </td>
<td> <input type="button" value="remove"
 ng-click="removeGoods(good)"> </td>
           </tr>
</table>
    
</body>
</html>
0
18.04.2015, 00:29
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
18.04.2015, 00:29

Админка для сайта без БД
Добрый день. Пишу сайт-портфолию на mvc. Никаких БД пока не подразумевается,...

интерактивная админка
всем привет! возможно не в тот форум пишу, если что - не обессудьте. задача...

Админка сайта
Народ, на каком языке можно написать админку для сайта которая...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Рейтинг@Mail.ru