将 ng-model 与多个 javascript 文件一起用于一个共享的 html 文件答案

【问题标题】：Using ng-model with multiple javascript files for one shared html file将 ng-model 与多个 javascript 文件一起用于一个共享的 html 文件
【发布时间】：2020-05-02 10:03:28
【问题描述】：

我有一个 html 文件，它具有这样的 ng-model 绑定。

<input type="text" ng-model="ClassA.phoneNumber"/>

我可以使用另一个js文件绑定相同的元素吗？像什么？

<input type="text" ng-model="ClassA.phoneNumber || ClassB.PhoneNumber"/>

问题是我不想仅仅为了绑定一个简单的元素而创建另一个 HTML 文件。 html文件被多个js文件复用。

【问题讨论】：

你必须使用 ngSwitch 或 ngIf 来代替。
@pbachman 我应该使用 ngIf 和模型的组合吗？像 ngIf = ClassA ngModel = ClassA.phoneNumber 在一个 html 元素上，而 ngIf =ClassB ngModel = classB.phonenumber 在另一个？
我不知道你的 html 长什么样，但你可以这样做

标签： angularjs angular-ngmodel

【解决方案1】：

我不知道你的 html 是什么样子，但你可以这样做

<input type="text" ng-if="ClassA.phoneNumber" ng-model="ClassA.phoneNumber" />
<input type="text" ng-if="ClassB.phoneNumber" ng-model="ClassB.phoneNumber" />

如果条件不满足，angular会移除dom元素

【讨论】：