Javascript $http angular JS不工作,视图上未填充数据 应用程序指令(“myData”,函数() { 返回{ templateUrl:“/my data.html” }; }); 启动html(my data.html)文件代码 {{employee.id} {{employee.name} {{employee.gender}大写} {{employee.salary}货币:'$'} --------------------结束html---- 身份证件 名称 性别 薪水
添加了客户指令,但仍然没有发生任何事情。。 有线索吗? 创建新的客户指令 在指令中添加模板URL。(my data.html)Javascript $http angular JS不工作,视图上未填充数据 应用程序指令(“myData”,函数() { 返回{ templateUrl:“/my data.html” }; }); 启动html(my data.html)文件代码 {{employee.id} {{employee.name} {{employee.gender}大写} {{employee.salary}货币:'$'} --------------------结束html---- 身份证件 名称 性别 薪水,javascript,angularjs,web-services,Javascript,Angularjs,Web Services,添加了客户指令,但仍然没有发生任何事情。。 有线索吗? 创建新的客户指令 在指令中添加模板URL。(my data.html) 在HTML主文件中添加新创建的指令在控制器中使用此名称注入工厂 <tr ng-repeat="employee in employees"> <td>{{employee.id}}</td> <td>{{employee.name}}</td> <td>{{employee.
在HTML主文件中添加新创建的指令在控制器中使用此名称注入工厂
<tr ng-repeat="employee in employees">
<td>{{employee.id}}</td>
<td>{{employee.name}}</td>
<td>{{employee.gender | uppercase }}</td>
<td>{{employee.salary | currency : '$'}}</td>
</tr>
--------------------end html----
<body ng-app="DemoAngular">
<div ng-controller="AngularController">
<table>
<thead>
<tr>
<th>Id</th>
<th>Name</th>
<th>Gender</th>
<th>Salary</th>
</tr>
</thead>
<tbody>
<my-data></my-data>
</tbody>
</table>
</div>
</body>
应该是
Angularservice
请将.factory改为.service我想你把Change拼错了 来自
AngularService
至
app.controller("Angularcontroller", function($scope,Angularservice)
您的代码中有几个输入错误 首先,$http调用中的
Url
应该是Url
app.controller("Angularcontroller", function($scope,AngularService)
此外,模块、控制器和服务使用不同的名称进行实例化和声明:
$http({
method: 'GET',
url: '/WebService/EmployeeService.asmx/GetAllEmployee'
})
尝试使用以下方法:
Angularservice -> AngularService
Angularcontroller -> AngularController
Demoangular -> DemoAngular
屏幕上只显示“列”名称。JavaScript控制台中显示了哪些错误?我猜,
Angularservice
不是您唯一的案例问题。对于拼写错误,我的代码是正确的,但在这里添加时不正确,它已更改为小写不确定…..很抱歉,我修改了您的Javascript控制台日志,可能还有呈现网页的源代码?添加了新的自定义指令,但仍然有问题的是,屏幕上没有任何内容从工厂更改为服务pleaseapp.service(“AngularService”,function($http,$log){//var customservice={};this.customservice.getalldata=function(cb){$http({method:'GET',url:'WebService/EmployeeService.asmx/GetAllEmployee'})。然后(函数(response){cb(response.data);调试器;},函数(reason){$log.log(“error”);};//返回customservice;});已更改但仍不工作否。只需在控制器AngularService中使用this.getalldataInside。也在服务中使用getalldataRemove返回语句,只需定义此返回语句的方法即可。
Angularservice -> AngularService
Angularcontroller -> AngularController
Demoangular -> DemoAngular
app.controller("Angularcontroller", [
'$scope',
'AngularService',
function
($scope, AngularService) {