1

私はangularjsを初めて使用しますが、達成しようとしていることは次のとおりです。ユーザーが写真と写真に関するいくつかの基本情報をアップロードし、データを非同期的に送信できる画像アップロードページがあります。

私がやりたいのは、同じページに「別の写真を追加」ボタンを配置することです。ユーザーがクリックすると、元のフォームの下に別のフォームが表示され、別の写真を詳細に追加できます。

「別の写真を追加」ボタンを使用して、好きなだけ新しいフォームを作成できるようにしてほしい. アンダースコアテンプレートを使用して通常のjavascriptでこれを達成する方法は知っていますが、角度でこれを行う正しい方法は何ですか?各フォームはangularjsディレクティブも使用しています。

お時間をいただきありがとうございます。

4

1 に答える 1

1

簡単な方法でそれを処理できますngRepeat：

http://jsfiddle.net/f8B68/

HTML

<div ng-app ng-controller="x">
    <form ng-repeat="photo in photoUploads">
        <input type="file">
        <input type="submit">
    </form>
    <input type="button" ng-click="photoUploads.push({id: photoUploads.length + 1})" value="Upload More">{{photoUploads}}</div>

JavaScript

function x($scope) {
    $scope.photoUploads = [{
        id: 1
    }];
}
于 2013-05-26T18:46:08.387 に答える