Broken Databinding AngularWinJS

by Sefa Ilkimen

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/winjs/4.4.0/css/ui-light.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/winjs/4.4.0/js/base.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/winjs/4.4.0/js/ui.js"></script>
<script src="https://cdn.rawgit.com/winjs/angular-winjs/master/js/angular-winjs.js"></script>
<div ng-app="myApp">
  <div ng-controller="ToolbarCtrl">
      <win-tool-bar id="toolbar">
        <win-tool-bar-command label="'edit'" icon="'edit'" type="'toggle'" selected="isInEditMode"></win-tool-bar-command>
        <win-tool-bar-command label="'delete'" icon="'delete'" type="'toggle'" selected="isInDeleteMode"></win-tool-bar-command>
      </win-tool-bar>
      
      <div>isInEditMode: {{isInEditMode}}</div>
      <div>isInDeleteMode: {{isInDeleteMode}}</div>
  </div>
</div>

JavaScript

var myApp = angular.module('myApp', ['winjs']);

myApp.controller('ToolbarCtrl', function ($scope) {
	$scope.isInEditMode = true;
  $scope.isInDeleteMode = false;
});