Question

我有一个表单控制器和一个表控制器，在我的表中我有一个编辑按钮，当我单击此按钮时，我的弹出窗口需要显示并在表中更新我的用户。我是怎么做到的我如何使用表组件中的组件表单？

Answer 1

您正在寻找的是一种在控制器（表控制器和表单控制器）之间传递数据的方法。在这种情况下，您需要引入一个服务来保持表单列表中单击项的值 - 此服务应该同时具有“set”方法和“get”方法。您的表控制器设置值，您的表单控制器可以简单地读取该值并根据其填充其字段。

表格控制器中的某个地方：

$scope.selectItem = function (item){
        console.log("Selected Item ", item);
        //we indicate to our ItemsService that this is the current item
        ItemsService.setSelectedItem(item);        
        //switch to item-view form (which will then use the ItemsService to get the selected item)
        $location.path("/form");
      };

表单控制器中的某个地方：

var selectedItem = ItemsService.getSelectedItem();
      console.log("Got Item Selected From List :: ", selectedItem, "");
      //this is how we load it on the "details form"
      $scope.formData = selectedItem;

对于大多数应用程序来说，这是一个相当常见的用例 - 我创建了一个基本的AngularJS项目来演示这一点 - 您可以尝试并遵循它，看看是否这样。查看我的angularjs-list-details-tutorial。

我希望这会有所帮助。

如何使用另一个组件中的组件表单

1 个答案: