Wijmo POPUPコントロールの不具合

2018/07/172021/01/09JavaScriptJavascript,Wijmo

1. Wijmoとは
- 1.1. 通常のアクセス方法
- 1.2. Popupウィンドウのコントロールへアクセスする方法

Wijmoとは

Wijmoとは、グレープシティが提供しているJavaScriptライブラリーです。
グラフ、コンボボックス、POPUP画面等、開発に効率的なコントロール群をもっています。

今回のそのコントロールの中のひとつPopupウィンドウについての不具合を書かせていただきます。
POPUPコントロールは、こちらにサンプルがありますので、どういうものかは確認してください。

※ スクリプトは「Angular JS」を用いています。

通常のアクセス方法

// テキストボックス
<wj-input-number value="ctx.numVal"
                 min="0"
                 max="5000000"
                 format="'n'"
                 step="1000"
                 placeholder="金額"
                 show-spinner="true">
</wj-input-number>

// 普通のアクセス方法
var app = angular.module('app', ['wj']);
app.controller('appCtrl', function appCtrl($scope) {
    $scope.numVal = 123;
});

普通は、これでアクセスできるのですが、
このテキストボックスをPopupウィンドウの中に設定した時
この方法ではアクセスできません。

AngularJSにてPopupウィンドウを作成した場合、AngularJSは子スコープを作成し、子スコープのプロパティとデータ連結する必要があります。

Popupウィンドウのコントロールへアクセスする方法

// テキストボックス
<wj-input-number value="ctx.numVal"
                 min="0"
                 max="5000000"
                 format="'n'"
                 step="1000"
                 placeholder="金額"
                 show-spinner="true">
</wj-input-number>

// 普通のアクセス方法
var app = angular.module('app', ['wj']);
app.controller('appCtrl', function appCtrl($scope) {
    $scope.ctx = {};
    $scope.ctx.numVal = 123;
});

これで、無事アクセスできました。