我有以下代码：
<div>
<form ng-show="hiddenAdd">
ID: <input type="text" ng-model="website.id" /> <br />
Name: <input type="text" ng-model="website.name" /> <br />
Secret Key:<input type="text" ng-model="website.secretKey" /> <br />
Public Key:<input type="text" ng-model="website.publicKey" /> <br />
User Idetification: <input type="text" ng-model="website.userIdentification" /> <br />
<button>save</button>
<button>cancel</button>
</form>
</div>
<!--Holdes the website form details-->
<!--Holdes the website form -->
<div ng-show='hiddenDetail'>
<p>Details</p>
id: {{website.id}}<br />
name: {{website.name}}<br />
</div>
此页面有一个form可以添加新网站的信息和一个详细信息部分，该部分显示列表中有关网站的详细信息，如下所示：
当我按下详细信息按钮时，问题就开始了，我在表单中获取了站点详细信息，如下所示：
我明白为什么会发生这种情况，但我该如何隔离对象？我知道它具有scope隔离性，但我不确定如何实现它。