AngularJS Javascript函数未调用
这是我的Javascript文件AngularJS Javascript函数未调用,javascript,html,angularjs,Javascript,Html,Angularjs,这是我的Javascript文件 (function () { var app = angular.module('app'); var controllerId = 'officium.incident.list'; app.controller(controllerId, [ '$scope', 'abp.services.incidentsystem.incident', function ($scope, officiumService) { var v
(function () {
var app = angular.module('app');
var controllerId = 'officium.incident.list';
app.controller(controllerId, [
'$scope', 'abp.services.incidentsystem.incident',
function ($scope, officiumService) {
var vm = this;
alert('ssssss')
officiumService.GetAllAssignedIncidents().success(function (data) {
vm.incidents = data.incidents;
});
}
]);
加载网页时会调用我的警报,这样我就知道JS和网页链接正确。然而,我不明白为什么我的“GetAllAssignedIncidents”函数不起作用。我已经在服务器上设置了一个断点,当调用此方法时,它从未命中,这意味着我的JS或网页可能有问题
<div class="panel panel-default" ng-controller="officium.incident.list as vm">
<div class="panel-heading" style="position: relative;">
<ul class="list-group" ng-repeat="incident in vm.incidents">
<div class="list-group-item">
<span ng-class="{'incident-description-active'">{{incident.IncidentDescription}}</span>
<br />
<span class="incident-assignedto">{{incident.LogID}}</span>
</div>
</ul>
</div>
{{incident.IncidentDescription}
{{incident.LogID}
我的应用服务层功能
public async Task<GetAllAssignedIncidentsOutput> GetAllAssignedIncidents()
{
var incidents = _incidentRepository.GetAllAssignedIncidents();
return new GetAllAssignedIncidentsOutput
{
Incidents = AutoMapper.Mapper.Map<List<IncidentDto>>(incidents)
};
}
public异步任务GetAllAssignedIncidents()
{
var事件=_incidentRepository.GetAllAssignedIncidents();
返回新的GetAllAssignedIncidentsOutput
{
事件=AutoMapper.Mapper.Map(事件)
};
}
API控制器生成器代码
public class OfficiumWebApiModule : AbpModule
{
public override void Initialize()
{
//This code is used to register classes to dependency injection system for this assembly using conventions.
IocManager.RegisterAssemblyByConvention(Assembly.GetExecutingAssembly());
//Creating dynamic Web Api Controllers for application services.
DynamicApiControllerBuilder
.ForAll<IApplicationService>(typeof(OfficiumApplicationModule).Assembly, "incidentsystem")
.Build();
}
公共类officeumwebapimule:AbpModule
{
公共覆盖无效初始化()
{
//此代码用于使用约定将类注册到此程序集的依赖项注入系统。
IocManager.RegisterAssemblyByConvention(Assembly.getExecutionGassembly());
//为应用程序服务创建动态Web Api控制器。
DynamicCapicontrollerBuilder
.ForAll(类型为(官方应用模块).组件,“意外系统”)
.Build();
}
很可能您引用的是您实际想要引用服务的模块。此外,您引用的是allready定义的模块“app”,而不是定义它,这是故意的吗?我相信您想要的更像这样:
var app = angular.module('app', ['abp.services.incidentsystem.incident']);
var controllerId = 'officium.incident.list';
app.controller(controllerId, [
'$scope', 'officiumService',
function($scope, officiumService) {
var vm = this;
alert('ssssss')
officiumService.GetAllAssignedIncidents().success(function(data) {
vm.incidents = data.incidents;
});
}
]);
javascript中存在语法错误,当页面加载时,右键单击inspect元素在控制台中查看错误。按照编写代码的方式,将
abp.services.incidentsystem.incident
作为officumService
传递给控制器函数。因此,您确实在调用abp.services.incidentsystem.incidentsystem.incident.G乙醛类化合物()
。此功能是否确实存在,如果存在,您能否显示其代码?正如@Claies所说,您的服务是什么样子的?您在控制台上遇到了什么错误?您可以共享这些内容吗?@Claies您是对的。我已删除了我的answer@ASPCoder1450我们需要更多的信息,比如您在中如何引用上述服务代码您的页面。假设您正在引用它,Javascript和Java是两种独立的语言。