fineder, LLC.

to derive fine.

[AngularJS]AngularJSの$window serviceをつかってOpenWindow。


AngularJSでブラウザのWindowオブジェクトを使う場合、$windowサービスを使用することが奨励されています。
普通にJavaScriptのwindow.openにAngularのモデルの値を使おうと思ったら、どうも動かないスクリプトが出力されるようで、おとなしくこの推奨に従っていた方がいいと思います。

■AngularJSのドキュメント
$window

動作サンプル・ソース


 <a class="btn btn-primary" ng-click="$window.open('http://www.fine-der.net', 'sampleWindow', 'width=1100,height=600,menubar=no,toolbar=no,location=no,scrollbars=yes')">WindowOpen</a>
<button class="btn" ng-click="$window.alert(Alert)">ALERT</button>


function MyCtrl($scope, $window) {
    $scope.$window = $window;
    $scope.Alert="Alert Message";
}

非常に簡単です。
$scopeの$windowに$windowオブジェクトそのものを渡してあげればOKです。
モデルだと$scope.windowと書くところですが、$scope.$windowなので注意ですね。

それではー。

fine:derの購読はFacebookページが便利です。