title: kendo ui listview with angular - selectable items
body: <p>I have a kendo ui <strong>ListView</strong> and I would like to make the items selectable (single selection). I haven't found any sample on the internet with angular.</p>
  
  <p>What I have to do is to set a style for the selected item and also do some calls based on the selected item.</p>
  
  <p>This is my <strong>HTML</strong>:</p>
  
  <pre><code>            &lt;div class="list-group no-radius no-border no-bg m-b-none"
                   kendo-list-view="publishPositionsListView"
                   k-options="ctrl.publishPositionsSourceOptions"
                   k-data-source="ctrl.publishPositionsSource"&gt;
  
                  &lt;a class="list-group-item p-l hover-anchor b-a no-select ng-scope" k-template&gt;
                      &lt;span&gt;{{dataItem.Title}}&lt;/span&gt;
                  &lt;/a&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>This is my <strong>JavaScript</strong>:</p>
  
  <pre><code>vm.publishPositionsSource = new kendo.data.DataSource({
      dataType: "aspnetmvc-ajax",
      transport: {
          read: {
              url: "publish/getall",
              type: "GET"
          }
      },
      schema: {
          type: "json",
          data: "Data",
          total: "Total",
          model: {
              id: "Id"
          }
      }
  });
  
  vm.publishPositionsSourceOptions = {
      dataBound: function (e) {
          // Set selected style for the first item when loaded
          e.sender.element.children().first().addClass("focus");
      }
  }
  </code></pre>
  
  <p>Any idea? I wonder if there is a way of doing that instead of using <code>ng-click</code></p>