添加新的Angular Dependancy

时间:2016-08-11 13:31:30

标签: javascript angularjs asp.net-mvc treeview

我是棱角分明的新手,我认为我做得对,但我不确定。我刚刚进入一个没有太多帮助的项目,我正试图解决这个问题。我需要使用树视图制作一些数据。旧代码使用ng-repeat所以我需要做类似的事情。我发现了一个可以帮助处理treeRepeat的库。我有0次使用npm或bower的经验所以我只是下载了“module.js”和“tree-repeat.js”并将其添加到项目中,然后将其添加到一个包中并在我的html页面中调用它但是我收到一个错误注入模块错误,我无法弄清楚原因。

我在底部有错误链接,但它是一个巨大的链接,我不知道如何超链接。

App.js

var app = angular.module('app', ['angularFileUpload', 'ngSanitize', 'ui.mask', 'ui.select', 'ui.bootstrap', 'ui.bootstrap.tpls', 'angular.filter', 'smart-table', 'colorpicker.module', 'sf.treeRepeat'])
    .config(function ($httpProvider) {
        //make delete type json to facilitate passing object
        //to our generic method.
        $httpProvider.defaults.headers["delete"] = {
            'Content-Type': 'application/json;charset=utf-8'
        };
    });

编辑:我更改捆绑订单时出现新错误。它现在首先是jquery,treerepeat,然后是angularjs。

https://docs.angularjs.org/error/ $注射器/ NOMOD?P0 = sf.treeRepeat

致电代码:

<div class="row">
      <ul>
         <li sf-treepeat="role in vm.roles">
             {{role.RoleName}}
             <ul>
                <li sf-treecurse></li>
             </ul>
         </li>
     </ul>

捆绑订单(我使用tree-repeat添加的2个文件位于angularjs包的末尾:

@section scripts {

@Scripts.Render("~/bundles/manageUser")
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/angularjs")

<script>
    $(document).ready(function () {
        $('[data-toggle="tooltip"]').tooltip();
    });

</script>

}

0 个答案:

没有答案