angularjs - 如何在父按钮单击时获取以子窗体定义的模型？

Question

父.html

<div ng-controller="parentController">

<div ng-include="'views/Child.html'">
</div>

<button ng-click="GetChildModel()">
</button>   

</div>

Child.html

<form ng-controller="childcontroller">
<input type="text" ng-model="child.Firstname">
</input>
 <input type="text" ng-model="child.Lastname">
</input>
</form>

我的问题是我需要将 child.html 中定义的模型放入我的父控制器，即 parentController 怎么可能？

Answer 1

如果添加“名称”属性，表单可以是控制器

<form name="child">
<input type="text" name="Firstname">
</form>

您可以在父控制器中访问： $scope.child.Firstname

Answer 2

在您的父控制器中：

$scope.child = {};
$scope.GetChildModel = function() {
    console.log(angular.toJson($scope.child));
}