Question

我希望实现的是用于编辑和显示记录数据的单页（表单）。我想有一个编辑按钮，可以将模式从编辑切换到显示，反之亦然。

就布局而言，两种模式看起来都是一样的。

在编辑模式下，我有输入/选择/预先输入/多个选择/日期时间选择器等。但在显示模式下，值显示为简单跨度。这样的事情:)）

所以我的问题是：在形式呈现表单之后是否可以更改字段类型？任何提示如何实现这种行为？

Answer 1

您可以简单地隐藏编辑表单并将数据绑定到每个表单，以便其中一个表单上的更改在另一个表单上可见。这是一个快速演示：

＆＃13;

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.text = "demo";
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>

<div ng-app="myApp" ng-controller="myCtrl">
  <div ng-if="!edit">
    {{$parent.text}}
  </div>
  <div ng-if="edit">
    <input type="text" ng-model="$parent.text" />
  </div>
  <button ng-click="edit = !edit">Edit</button>
</div>

＆＃13;

Answer 2

你知道Angularjs中的双向数据绑定吗？如果您不知道，请阅读here您可以使用json触发禁用以实现您想要的内容。

AngularJS形式 - 场类型的动态变化

2 个答案: