AngularJS,MVVM和只读字段

时间:2016-06-16 18:50:06

标签: c# angularjs mvvm

我使用MVVM模式设计了许多我的.NET + AngularJS应用程序:

  1. REST webservices传递特定用例的视图模型(仅包含所需数据)。
  2. AngularJS应用程序使用这些视图模型并在用户修改支持特定视图的POST操作的Web服务方法后传递相同的视图模型。
  3. 表单视图模型中的某些字段通常必须是只读的。用户可以准备视图模型并修改这些字段,因此我必须确保不会发生这种情况。我通过从数据库中检索实体并手动映射到应该可编辑的viewmodel中的这些字段来保护后端中的应用程序。这是对接的痛苦和容易出错。有没有更好的方法来做到这一点?也许我应该制作另一个回发模型?

1 个答案:

答案 0 :(得分:0)

如果您想要一些字段只读。您可以从Angular Controller控制它。

//In you Angular Controller 
  $scope.readOnlyForm = true;


//In your HTML angular template
<input type="text" ng-model="modelName" ng-readonly="readOnlyForm">

这将使这个领域只读或者你可以使用

禁用这些领域
ng-disabled="readOnlyForm "

readOnlyForm 为true时,这些字段将是只读的。