0

最初に私のコードへのリンク。

次のコードがあります。

<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情報を含む新しい Web サイトを追加できる と、リストから Web サイトに関する詳細を表示する詳細セクションがあります。

ここに画像の説明を入力

詳細ボタンを押すと問題が発生し、次のようにフォーム内にサイトの詳細が表示されます。 ここに画像の説明を入力

これが起こる理由は理解できますが、オブジェクトを分離するにはどうすればよいですか? 分離されたものがあることは知っていますが、それscopeをどのように実装するかはわかりません。

4

2 に答える 2

0

同じ変数をバインドして、website新しい要素を表示および追加しています。フォームを別のオブジェクトにバインドする必要があり、残りは機能します。また、ボタンをクリックするたびに新しいモデルを作成する必要がありAdd Websiteます。

この更新されたプランカーを参照してください

于 2013-08-13T07:51:59.263 に答える