SplitView: shownDisplayMode and hiddenDisplayMode doesn't work about angular-winjs

[AmazingJaze]

Thanks for the bug. Can you tell us which version of WinJS you are using? The angular-winjs project is currently configured for the WinJS 4.0 preview snapshot of WinJS.

There have recently been some breaking API changes to Splitview, AppBar, ToolBar, and NavBar in the WinJS master branch that have not yet propagated into angular-winjs or the samples at try.buildwinjs.com.

The majority of incoming API changes involve updating the nomenclature away from "shown" and "hidden" to "opened" and "closed" in order to more accurately match the functionality of these control as their design has changed over time.
https://github.com/winjs/winjs/blob/master/src/js/WinJS/Controls/SplitView/_SplitView.ts#L76-L94

[kollster]

I am using the bower package winjs#release/4.0.0-preview as mentioned on http://try.buildwinjs.com/#get:preview . Is there any workaround or should we wait for angular-winjs to get updated?

[rigdern]

winjs#release/4.0.0-preview and the current angular-winjs release work together.

I believe the problem with your snippet is that the usages of inline need to be quoted so that they are treated as strings. Like this:

<win-split-view pane-hidden="false" shown-display-mode="'inline'" hidden-display-mode="'inline'">

Notice the extra single quotes around inline.

Let us know if that helps.

[kollster]

Thanks for the help. I missed the extra single quotes - after adding them, it works as expected. It would be nice though, if an error was thrown when trying to set an invalid value, instead of failing silently.