JSFiddle - React, Tailwind, and code Playground

by cherniv

HTML

<div ng-controller="Ctrl">
<div id="side-menu">
  <h3>Side Menu</h3>
  <div ng-repeat="item in example">
    <p ng-click="$parent.collapsed=!$parent.collapsed">
      API Name: {{ item.name }}
    </p>
  </div>
</div>
<div id="content">
  <h3>Content</h3>
  <!-- What do I have to add here to "connect" to "item in example"? -->
  <div ng-show="collapsed">
    <p>Debug: {{ item.debug }}</p>
    <p>Window: {{ item.window }}</p>
  </div>
</div>
</div>

JavaScript

var Ctrl = function ($scope){
    $scope.example = [{name:"abc"}]
}