$ http Angular JS无法正常工作，并且在视图上没有数据填充

<script src="Scripts/angular.min.js"></script>
    <script src="Scripts/Controller.js"></script>

app.directive("myData", function()
{
    return {
        templateUrl: '/my-data.html'
    };
});

开始html(my-data.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>

添加了客户指令，仍然什么也没发生。有线索吗？创建新的客户指令在指令中添加templete URL。(my-data.html(在HTML主文件

中添加新创建的指令

我认为您拼写错误的更改

来自

app.controller("Angularcontroller", function($scope,Angularservice)

app.controller("Angularcontroller", function($scope,AngularService)

您在控制器中注射了该名称的工厂

Angularservice

应该是

AngularService

更改。

您的代码中有几个错别字。

首先，您的$ http调用中的所有 Url应该是 url

$http({
   method: 'GET',
   url: '/WebService/EmployeeService.asmx/GetAllEmployee'
})

此外，模块，控制器和服务已实例化并以不同的名称声明：

Angularservice -> AngularService
Angularcontroller -> AngularController
Demoangular -> DemoAngular

尝试使用以下方式：

app.controller("Angularcontroller", [ 
                                 '$scope', 
                                 'AngularService', 
                                  function 
                                  ($scope, AngularService) {

开始html(my-data.html(文件代码

相关内容

最新更新

热门标签：