使用Bootstrap Modal的Angular ng-model不会工作两次

时间:2017-01-13 08:02:25

标签: angularjs twitter-bootstrap

假设表中有10个运算符列表,每个运算符都有编辑按钮。当我单击编辑运算符1时,模态与输入字段中显示的运算符数据一起正常工作,但是当我关闭模态并单击相同的运算符时,模态显示但不是ng-model的数据(输入字段的空值) )。但是,如果我单击另一个运算符,它会显示该值。

换句话说,如果出现以下情况,它将起作用:
点击运营商1 - > close modal - >点击操作员2(工作):
点击运营商1 - > close modal - >点击运营商2 - > close modal - >单击运算符1(工作)

但如果出现以下情况则无效:
点击运营商1 - > close modal - >再次单击运算符1(将无效)

我正在使用相同的模态,并通过ng-click调用它。这是某种错误还是我错过了什么?谢谢。

修改
这是我的js脚本:

$("#company-modal form")[0].reset();

$("#company-modal form").attr("action", baseurl + "api/" + (company_id ? "update" : "insert") + "/company");

$("#company-modal").modal("show");

$scope.company = company_id ? $json(baseurl + "api/detail/company/" + company_id).message : {company_type : "trading"};

以下是模态中输入标记的一个示例:

<input ng-model="company.company_name" name="company_name" class="form-control" type="text" placeholder="Company Name" autocomplete="off" required>

1 个答案:

答案 0 :(得分:1)

我正面临着这个问题,我承认我还没有找到问题的确切原因。 但是我找到了一个解决方法,这将完全达到最终目标。只需在输入标记中使用value="{{company.company_name}}",它就会按照您的期望运行。