Angularjs 将对象推入数组中不处理模式角度js

在模态数组中推送项时出现问题。我得到了一个未定义的值

我遵循了我能找到的所有示例，但在模型上完成时，它不起作用

这是砰的一声

我的代码：

var myApp = angular.module('myApp', ['ui.bootstrap']); myApp.controller('ordersCtrl', function ordersCtrl($scope, $modal){ $scope.open = function () { var modalInstance = $modal.open({ templateUrl: 'myModalContent.html', controller: ModalInstanceCtrl, resolve: { items: function () { return $scope.items; } } }); }; }); var ModalInstanceCtrl = function ($scope, $modalInstance, $http) { $scope.dealerCount = []; // Add a Item to the list $scope.addItem = function () { $scope.dealerName = dealerName; $scope.dealerCount.push({ name: $scope.dealerName }); // Clear input fields after push $scope.dealerName = ""; }; $scope.ok = function () { $modalInstance.close($scope.selected.item); }; $scope.cancel = function () { $modalInstance.dismiss('cancel'); }; }; 模态模板：

<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>

工作

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

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

---

为了更好地理解它的工作原理，您也可以看到这一点。我一整天都在绞尽脑汁想如何使它发挥作用。这段视频有助于更好地理解这个概念。非常感谢。