javascript - AngularJs ng-if-else 绑定(bind)两个数据模型

Question

我想知道是否有比我正在做的更好的方法？

我需要根据 $scope.title 值绑定(bind)两个不同的数据模型。因此，在下面的示例中，我为 $scope.title 的每个值创建了两个单独的 DIV。

我可以在里面做吗<div> ？我也没有在这里使用 ng-if-else。我如何在此示例中使用 ng-if-else？

<div>
    <div ng-if="title == 'Add Student'">
    <input type="text" name="name"placeholder="Student Name" data-ng-model="registration.Student.FirstName" maxlength="50">
    </div>

    <div ng-if="title == 'Edit Student'">
    <input type="text" name="name"placeholder="Student Name" data-ng-model="student.Student.FirstName" maxlength="50">
    </div>
</div>

Answer 1

是的，你可以:

<div ng-init="model = (title == 'Add Student' ? registration.Student : student.Student)">
    <input type="text" name="name" placeholder="Student Name" data-ng-model="model.FirstName" maxlength="50">
</div>

为了使它更清晰，您应该将 ng-init 中的部分移动到您的服务或 Controller 中，因为最好将逻辑排除在您的 View 之外。如果您发布检索数据的服务或资源，我可以添加一个示例，说明如何执行此操作。

在我看来，一个更简洁的解决方案是重构您的应用程序，以便学生模型始终具有相同的引用，因此将所有地方的 registration.Student 更改为 student.Student.