【问题标题】:I can't use third party js with angular js and ASP.NET MVC我不能将第三方 js 与 angular js 和 ASP.NET MVC 一起使用
【发布时间】:2017-08-11 07:48:30
【问题描述】:

您好,我正在使用 ASP.NET MVC 和 Angular js 创建应用程序。

一切运行良好,但是当我想将任何第三方 js 用于 angular js 时,它不允许这样做......

我已经创建了三个js文件。

1) app.js

var app;
(function () {
    app = angular.module("ANG", []);

    app.factory('GlobalService', function () {
        return {
            urlBase: 'myserviceurl/',
            UserName: '',
            UserRole: ''
        };
    });
})();

2) Controller.js

   app.controller("CustomerCtrl", ["$scope", "$q", "VendorService", "CustomerService", "$filter", function ($scope, $q, vendorService, customerService, $filter){
       //My code here
}
]);

3) Service.js

app.service('VendorService', ["$http", "$q", "GlobalService", function ($http, $q, globalService) {
//My service calling
}]);

4) 在视图中实现

<html lang="en" id="htmlMainPage" ng-app="ANG">

我想用multiselectionjs实现多选下拉列表。

我只做了以下一行的更改,并在控制器中查看了进一步的更改。

app.js

app = angular.module("ANG", ["angularjs-dropdown-multiselect"]);

它也运行良好,但也使用此 app.js 的其他页面给了我一个错误。

【问题讨论】:

  • 你在哪里给出了多选js的参考?
  • 在视图页面中我的意思是我只需要在页面中的位置。

标签: angularjs asp.net-mvc angularjs-injector angular-route-segment


【解决方案1】:

看看你给的js的引用就知道了。

您必须在布局页面中提供参考或添加 multiselect.js,因为正如您在问题中所说的如何实现 app.js。

<html lang="en" id="htmlMainPage" ng-app="ANG">

每次加载任何视图时都会调用它并查找 multiselect.js 引用并给您注入器错误并且不会进一步。

参考:Angular injector error

【讨论】:

  • 哦,是的,我在布局中添加了 multiple.js,它现在正在运行。谢谢。
  • 不客气。确保当您在 angular js 中使用任何第三方 js 时,如果您使用的 app.js 只实现了一次模块,并且每个页面都使用不同的 js(app.js 用于模块),则将其放入布局中仅提供该观点的参考。
猜你喜欢
  • 2014-12-22
  • 1970-01-01
  • 2021-12-01
  • 2020-01-14
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-10-25
相关资源
最近更新 更多