Question

我在Angular中创建了一个带有CRUD功能的简单电话簿应用程序。我遇到一个问题，当我点击具有自己的编辑形式的编辑按钮时，Angular的模型会自动填充我的创建表单。如何在不失去功能的情况下分离这两种形式？ Picture of Issue如果代码不可读，我已将我的项目链接到github：contacts_angular_practice

<?php 
foreach ( $herocreative_data as $data) : 
?>
<li>
    <ul>
        <li>
            <?php echo $data->AvailableUnitsCount; ?>              
        </li>
    </ul>                                   
</li>                               
<?php 
endforeach; 
?>

Answer 1

我通过安装ng-Inspector浏览器扩展程序找到了答案。

我立即看到我在线上写了两个控制器：

<div ng-controller="mainController as mainCtrl">

我以为我正在创建一个快捷方式。我将该行更改为：

<div ng-controller="mainCtrl">

之后它运作良好。我不得不在控制器中更改我的函数以引用$ scope而不是this。我还必须将index.html文件中的ng-models从mainCtrl.name更改为contact.name。在我做出这些改变后，它完美地运作了。可以在项目的github链接上看到更改：contacts_angular_practice

单击编辑表单时角度自动填充创建表单的问题

1 个答案: