var inputMask = new wijmo.input.InputMask('#inputMask', { mask: '000-00000', valueChanged: function (s, e) { document.getElementById('log').innerText = wijmo.format('value = {value}\nrawValue = {rawValue}', inputMask); } }); document.getElementById('showValues').addEventListener('click', function (e) { alert(wijmo.format('value = {value}\nrawValue = {rawValue}', inputMask)); }); var app = angular.module('app', ['wj']); app.controller('appCtrl', function ($scope) { $scope.showValues = function () { alert(wijmo.format('value = {value}\nrawValue = {rawValue}', $scope.inputMask)); }; });
<h3>JavaScript</h3> <div id="inputMask"></div> <button id="showValues">値を表示</button> <p id="log"></p> <h3>AngularJS</h3> <div ng-app="app" ng-controller="appCtrl"> <wj-input-mask control="inputMask" mask="000-00000" ng-model="ngModel" value="value" raw-value="rawValue"></wj-input-mask> <button ng-click="showValues()">値を表示</button> <p>ng-model = {{ngModel}}<br>value = {{value}}<br>rawValue = {{rawValue}}</p> </div>