将模型绑定到modal partial view.NET MVC/Angularjs
我有一个名为将模型绑定到modal partial view.NET MVC/Angularjs,angularjs,asp.net-mvc,modal-dialog,asp.net-mvc-partialview,Angularjs,Asp.net Mvc,Modal Dialog,Asp.net Mvc Partialview,我有一个名为Details的局部视图,其中包含一个按钮,当单击该按钮时,会显示另一个名为Edit的局部视图。一切正常,我能够将详细信息数据发送到编辑进行编辑。然而,需求已经发生了变化,现在需要在模式中显示部分视图Edit。现在我无法将Detail对象发送到NowEdit模式 启动编辑模式的控制器方法: MyController.prototype.showEditModal = function (someObject) { var ctrl = this; ctrl.objec
Details
的局部视图,其中包含一个按钮,当单击该按钮时,会显示另一个名为Edit
的局部视图。一切正常,我能够将详细信息
数据发送到编辑
进行编辑。然而,需求已经发生了变化,现在需要在模式中显示部分视图Edit
。现在我无法将Detail
对象发送到NowEdit
模式
启动编辑
模式的控制器方法:
MyController.prototype.showEditModal = function (someObject) {
var ctrl = this;
ctrl.objectToBeEdited = {
Id: someObject.Id,
Name: someObject.Name,
//etc...
}
var modal = myModal
.open({
templateUrl: "Edit",
controller: MyController,
controllerAs: "myCtrl",
resolve: {
objectToBeEdited: function () {
return angular.copy(ctrl.objectToBeEdited);
}
}
});
}
编辑
局部视图:
<form name="frm" role="form" form-ext submit-ext="myCtrl.edit()">
<h3>Edit - {{myCtrl.objectToBeEdited.Name}}</h3> <!--Name not rendered in H3 tag-->
<div>
<label for="id">Object ID</label>
<!--Id not rendered inside input-->
<input name="id" type="text" ng-model="myCtrl.objectToBeEdited.Id" required />
</div>
...for brevity
</form>
编辑-{myCtrl.objecttobeedite.Name}
对象ID
…为了简洁起见
似乎
objecttobeedite
没有绑定到ng model
。如何将显示在详细信息
局部视图中的模型发送到编辑
局部视图模式?您可以制作发送到该模式的某个对象
的副本。此对象不会绑定到原始对象,您可以尝试将someObject
本身传递到编辑页面。如果这样做,您可以复制并保留someObject
作为备份,这样,如果用户在模式中按下取消按钮,您可以恢复原始数据。您可以复制发送到模式的someObject
。此对象不会绑定到原始对象,您可以尝试将someObject
本身传递到编辑页面。如果您正在这样做,您可以复制someObject
并保留作为备份,这样,如果用户在模式中按下取消按钮,您就可以恢复原始数据。而不是复制someObject
并传递相同的数据,您可以将someObject
自身传递给模态。您可以将someObject
自身传递给模态,而不是复制someObject
并将其传递给模态。。