将对象推入数组不适用于模态角度js

Posted 2023-02-23

【中文标题】将对象推入数组不适用于模态角度js

【英文标题】：Pushing objects in to an array no working on modal angular js

【发布时间】：2014-03-20 23:41:10

【问题描述】：

在模态数组中推送项目时遇到问题。我得到了未定义的价值。

我按照我能找到的所有示例进行操作，但在模型上完成后却无法正常工作。

这是http://plnkr.co/edit/xMiwyw?p=preview的笨蛋

我的代码：

var myApp = angular.module('myApp', ['ui.bootstrap']); myApp.controller('ordersCtrl', 函数命令Ctrl($scope, $modal) $scope.open = 函数 () var modalInstance = $modal.open( templateUrl: 'myModalContent.html', 控制器：ModalInstanceCtrl， 解决： 项目：函数（） 返回 $scope.items; ); ; ); var ModalInstanceCtrl = 函数 ($scope, $modalInstance, $http) $scope.dealerCount = []; // 向列表中添加一个项目 $scope.addItem = 函数 () $scope.dealerName = 经销商名称； $scope.dealerCount.push( 名称：$scope.dealerName ); // 推送后清除输入字段 $scope.dealerName = ""; ; $scope.ok = 函数 () $modalInstance.close($scope.selected.item); ; $scope.cancel = 函数 () $modalInstance.dismiss('取消'); ; ;

模态模板：

<div class="row" id="AddItem">
   <div class="col-md-6"><p class="input-group">
    <input value="" type="text" placeholder="Name of Item" ng-model="dealerName"><button ng-click="addItem()">Add to list</button></p>
   </div>
</div>
<div class="row">
   <tr ng-repeat="item in dealerCount" class="item-unchecked">
   <td><b>Dealer:</b> item.name</td>
   </tr>
</div>

【参考方案1】：

作品here

您必须以某种方式在控制器之间共享数据。一种方法是创建服务

myApp.factory('data', function()
  return 
    dealerCount : [],
    dealerName: ''
  
);

您也可以查看video 以便更好地理解

【讨论】：

成功了。我整天都在绞尽脑汁想知道如何让它发挥作用。该视频有助于更好地理解这个概念。谢谢