引入 Angular-Dashboard-Framework

视觉工作室编制

我尝试了在Angular仪表板框架中使用的Angular Dashboard Framework库。
https://github.com/angular-dashboard-framework/angular-dashboard-framework

然而，angular-dashboard-framework（以下简称adf）的angular支持版本是angular 1.6。但是，在adf的bower.json文件中只写了”angular”: “>=1.4″，因此会安装最新版的angular。
（截至2017年7月21日编写，adf的最新版本是0.13.0，并且在0.13.0版本中已经解决了这个问题）。

因此，在asp项目的bower.json文件中添加以下内容：
“angular”: “1.5”

如果不成功，尝试删除整个angular文件夹并进行包的恢复，以更新为1.5版本。

然后，将adf的小部件放入其中。
在bower.json中添加以下内容。

"adf-structures-base": "0.1.1",
"adf-widget-linklist": "0.1.1",

为了使示例正常运行，可以添加以下内容：
“angular-route”: “1.5”,
“angular-local-storage”: “>=0.2”

从以下网址获取所需的操作示例：
https://github.com/angular-dashboard-framework/angular-dashboard-framework/tree/master/sample

将index.html文件、scripts文件夹和partials文件夹分别复制到项目的根目录下。

根据环境的不同，会更改index.html文件的链接路径。

如果继续这样下去，将会得到一个错误提示，说src/templates文件夹不存在，因此请将以下的src/templates文件夹放到项目中。
https://github.com/angular-dashboard-framework/angular-dashboard-framework

暂时运行起来了。接下来只需添加小部件或自行创建即可。