angularjs - 如何在 angularjs 中使用 kendo ui listview

标签 angularjs kendo-ui

有谁知道我在哪里可以找到带有 angularjs 的 kendo ui listview 示例?
我能够找到网格和下拉列表的示例。
但是所有其他控件呢?没有例子...

最佳答案

以下应该工作:

  <div ng-controller="MyController">    
    <div>Products: {{products.total()}}</div>
    <div kendo-list-view k-data-source="products" k-template="template">
    </div>
    <script id="template" type="text/x-kendo-template">
      <div>
         #= name #
      </div>
    </script>
  </div>

<script>
function MyController($scope) {
   $scope.products = new kendo.data.DataSource({ 
     data: [
        { id:1, name:'Tennis Balls', department:'Sports'},
        { id:2, name:'Basket Balls', department:'Sports'},
        { id:3, name:'Oil', department:'Auto'},
        { id:4, name:'Filters', department:'Auto'},
        { id:5, name:'Dresser', department:'Home Furnishings' }
    ]
  });
  $scope.template = $("#template").html();
}
</script>

这是一个现场演示:http://jsbin.com/ODElUfO/69/edit

关于angularjs - 如何在 angularjs 中使用 kendo ui listview,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21161660/

相关文章:

javascript - 如何使用具有正确 url 的 ui-router 路由以解决错误页面

javascript - Angularjs 无法找到我的 Controller

javascript - Foundation Abide/AngularJS 中单个输入的不同错误

javascript - 如何根据 Treeview 节点填充网格(复选框选择)?

javascript - Kendo TimePicker 列表中的初始时间

c# - 将 C# 日期时间加载到 KendoUI 日期选择器

javascript - Kendo UI 网格数据源在过滤器上触发额外的 ajax 请求

javascript - 带 Angular ngrepeat 的切换按钮

node.js - 不一致地出现错误 : [$injector:modulerr] Failed to instantiate module

javascript - 记住页面导航之间展开的节点