DXTreeview с AngularJS не позволит расширять ветви

Question

DXTreeview с AngularJS не позволит расширять ветви

0

У меня есть проект MVC5 со следующим Index.aspx. Когда я запускаю проект в VS2013, я могу видеть только верхние ветки дерева, без видимого способа их расширения.

Resharper указывает, что мои ссылки в порядке.

Я новичок в программировании HTML5 и Angular. Как мне решить проблему с этой проблемой?

Index.aspx -

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<!DOCTYPE html>
<html data-ng-app="myApp">
<head runat="server">
    <meta name="viewport" content="width=device-width"/>
    <title>Index</title>
    <link rel="stylesheet" type="text/css" href="/Content/dx.common.css"/>
    <link rel="stylesheet" type="text/css" href="/Content/dx.light.css"/>
    <script src="/Scripts/jquery-2.1.4.min.js"></script>
    <script src="/Scripts/angular.js"></script>
    <script src="/Scripts/angular-sanitize.js"></script>
    <script src="/Scripts/jquery.globalize/globalize.js"></script>
    <script src="/Scripts/dx.webappjs.js"></script>
    <script src="/MyJS/script_Angular.js"></script>
</head>

<body>
    <div  ng-controller="demoController">
<div dx-tree-view="{
    dataSource: treeViewData,
    dataStructure: 'plain'
}">
</div>
    </div>
</body>
</html>

и script_Angular - это

var myApp = angular.module('myApp', ['dx']);
myApp.controller("demoController", function ($scope) {
    $scope.treeViewData = dataArray;
});

var dataArray = [
    {
        id: 1,
        text: "Animals",
        items: [
            {
                id: 2,
                text: "Cat",
                items: [
                    { id: 5, text: "Abyssinian" },
                    { id: 6, text: "Aegean cat" },
                    { id: 7, text: "Australian Mist" }
                ]
            },
            {
                id: 3,
                text: "Dog",
                items: [
                    { id: 8, text: "Affenpinscher" },
                    { id: 9, text: "Afghan Hound" },
                    { id: 10, text: "Airedale Terrier" },
                    { id: 11, text: "Akita Inu" }
                ]
            },
            {
                id: 4,
                text: "Cow"
            }
        ]
    },
    {
        id: 12,
        parentId: 0,
        text: "Birds",
        items: [
            { id: 13, text: "Akekee" },
            { id: 14, text: "Arizona Woodpecker" },
            { id: 15, text: "Black-chinned Sparrow" }
        ]
    }
];

Kirsten Greed 26 июль 2015, в 07:02

Источник

Теги:

angularjs

html5

asp.net-mvc-5

google-chrome

devextreme