Question

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

如果您添加＆＃34;名称＆＃34;表格可以是控制器属性

<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));
}

如何在父按钮单击中获取子窗体中定义的模型？

2 个答案: