Question

我使用angular js做了一个简单的jstree演示。我读了这篇文档在制作示例之前https://github.com/ezraroi/ngJsTree

两个codepen都有相同的 JS代码。但是一个代码笔显示“文件夹图像”而另一个代码笔没有为什么..？ http://codepen.io/anon/pen/mVRarZ?editors=101

http://codepen.io/anon/pen/JGEwPv?editors=101

如果我将第二个codepen JS代码替换为第一个codepen js，则显示该文件夹。但是我不明白在JS中有什么区别..对于第一个codepen show文件夹而另一个没有

angular.module('app',['ngJsTree']).controller('myCtrl',function($scope,$log){ 
      $scope.treeConfig = {
        core : {
            multiple : false,
            animation: true,
            error : function(error) {
                $log.error('treeCtrl: error from js tree - ' + angular.toJson(error));
            },
            check_callback: true,
            worker : true
        },
        types : {
            default : {
                icon : 'glyphicon glyphicon-flash'
            },
            star : {
                icon : 'glyphicon glyphicon-star'
            },
            cloud : {
                icon : 'glyphicon glyphicon-cloud'
            }
        },
        version : 1,
        plugins : ['types','checkbox']
    };

     $scope.originalData = [
        { id : 'ajson1', parent : '#', text : 'Simple root node', state: { opened: true} },
        { id : 'ajson2', parent : '#', text : 'Root node 2', state: { opened: true} },
        { id : 'ajson3', parent : 'ajson2', text : 'Child 1', state: { opened: true} },
        { id : 'ajson4', parent : 'ajson2', text : 'Child 2' , state: { opened: true}}
    ];
    $scope.treeData = [];
    angular.copy($scope.originalData,$scope.treeData);

})

Answer 1

我建议您为代码使用diff检查器。就完全相同而言，您的代码略有不同，尽管主要是间距和注释事物。这是我用于此的工具：https://www.diffchecker.com/diff

您的DOM也明显不同。如果您的JS代码完全相同，那么您的DOM应该是可交换的并且功能相同。它不是。如果我从第一个链接交换DOM并将其用于第二个链接，它就不起作用。

如果您正在尝试重构代码，我建议您从第一个链接和c＆amp; p更精细地重新编写代码。

为什么图像不以角js显示？

1 个答案: