0

angularオブジェクトプロパティをngDialogモーダルウィンドウに渡す方法はありますか? 通常のhtmlのように渡すことはできないようです:

<img ng-src="{{ member.picture }}" alt="{{ member.name }}" ng-click="showModal(' member.id ')" /><br />

上記では、最初の 2 つのオブジェクト プロパティ (member.pictureと) は正常に機能し、ビュー内の実際のコンテンツ (となどmember.name) に置き換えられますが、3 番目のプロパティは文字列リテラルとして に渡されます。path/to/picture.jpgJuha UntinenshowModal()

member.id1、2、または 3 のような数値を持つの実際の内容を渡すにはどうすればよいですか? たとえば、最終的なパラメータは次のようになります。showModal(1)

これを行うと: ng-click="showModal( {{ member.id }} )"、次のエラーが発生します。

Syntax Error: Token '{' invalid key at column 13 of the expression [showModal( {{ member.id }} )] starting at [{ member.id }} )].

コントローラーの ngDialog 関数は次のとおりです。

$scope.showModal = function(param) {
    ngDialog.open({
        template: 'app/biography/bioModal' + param + ".html",
        className: 'ngdialog-theme-plain',
        showClose: true,
        scope: $scope
    });
};

これは、パラメーターを渡すテスト用です。最終バージョンでは、渡された id パラメーターに応じて詳細 (名前、画像など) が埋められた 1 つの部分ビューを作成したいと考えています。

4

1 に答える 1